レスポンシブwebデザイン2017.11.07 12:47レスポンシブWebデザインを実現するための技術１・メディアクエリ(Media Queries)・フルードグリッド(Fluid Grid)ページの構成要素を任意のグリッドに沿って配置する「グリッドデザイン」と、各要素のレイアウトの幅を%で指定し、新宿させる「リキッドレイアウト」それ...
「画像書き出し方法」と「クラス名の命名規則」2017.11.05 19:26書き出しイラレから書き出すのは少し面倒なので次回からフォトショで設計することにしました。なぜかというとイラレだとマスクで見えなくなったところを含んで画像保存されてしまうから。そして諸々、WEB用に保存するための便利な機能がついてないみたいです。切り取った物を保存する場合はフォトシ...
リセットCSS2017.11.05 15:57==================== /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ * { margin: 0px; ...
OOCSSとBEMについて2017.11.05 09:46様々なクラスの命名規則を見てきましたが、私が使えそうなものは以下の２つになりそうです。クラス同士の関係性が名前に含まれているとCSSで指定するのも楽になりそう。X)OOCSS OOCSS は、 Object Oriented CSSの略で、オブジェクト指向CSSなどと日...
CSSの設計2017.11.05 09:29CSSでHTMLに対して指示を行っていくこと自体は難しいことではないけれど、無数にある要素にいかにわかりやすく指示を出せるかがかなり難しいなということに気づいた私は、クラス設定や、ボックスの設計などを緻密に最初から練りこんで行かないとあとあと大変なことを学びました：）よって、最近...
初めてのクライアントワークで2017.11.01 03:13クライアントワークが終盤に差し掛かったので、わたしが制作を進めていく上での反省すべき点や気付きなどをメモしていこうと思います。■デザインはかなりがっちり決めておく。タイトルや本文によって文字の大きさが変わるが、どのページも全て統一するためどこかの段階でしっかり決定する。■デザイン...