CSS設計とは 簡単にいえば破綻しにくいCSSを書こうという問題。 大雑把にいうと共通部分は同じクラスにして使いまわそう、共通化しようというやつです。 今回はCSSを書く前の話(カンプを見るところ)からどういう風にCSSを書くかについて少し書きます。 今回しない話 OOCSSやBEMやSMACSSについて(moduleごとにCSSファイルわけたりとかそういう話含む) 詳しい命名の仕方について ファイル管理(ディレクトリ構成)の方法について 細かいCSSの書き方について こんな方向け 毎回CSSが破綻する人 CSS設計するための◯◯の方法とか読んでもいまいちDRY(Dont Repeat Yourself)に書けないという悩みを持っている人 大事なのはいきなりCSSを書かないこと さてあなたはHTMLとCSSを書くコーダーさんだったりフロントエンドエンジニアさんだったり、あるいはフルスタック
ブラウザスタイルは平坦化しておく リセットCSSはオプトアウト可能にしておく 登場頻度の高い組合せはplaceholderとして登録してから利用する 可能な限り画像はスプライト生成してから利用する それ以上分解不可能なコンポーネントは要素のように扱う コンポーネントは自己完結型のものを使う BEMはDRYになるよう粒度を下げる 可能な限り@extendは利用しない レスポンシブでない場所では、Utilitiesクラスを活用する shame.cssはいつも綺麗にしておく 詳細度または特異性の高いものほど後方に記述する 可能な限り!importantしない 可能な限りハックしない 変数をデザインガイドとして活用する CSSファイルを分割するメリットはほとんどないので一つにまとめる 1. ブラウザスタイルは平坦化しておく 例えば、こういうScrap & Buildは単に通信量のムダ。
着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
