CSSのコーディング設計について考える事 – YATのBLOG
CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。 目次 CSSで大切なこと ドキュメントの作成 CSS構成について 様々な設計手段 SASS、SCSS コードリファクタリング 最後に CSSで大切なこと CSSで大切なことは CSS Architecture でPhilip Walton氏が述べているように 予測しやすいこと 再利用しやすいこと 保守しやすいこと 拡張しやすいこと で、これらはページが多くなれば多くなるほど重要度が高くなります。 予測しやすいということは、命名規則のルールにより、どのクラスがどういった挙動するかが掴みやすく、修正作業が必要な時にソースコードを追う
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」 - Speaker Deck
Transcript None ࠓͷ͓͠ͳ͕͖ Θͨ͠ͷ͓ࣄˍ͓ࡒࣄ Θͨ͠ͷσβΠϯ੍࡞ σβΠϯʹ͍ͭͯࢥ͏͜ͱ ৽͍͠ͷͷऔΓΈํ ϓϥΠϕʔτϫʔΫͷऔΓΈ Ոఉͱࣄͷ͜ͱ 0 1 02 03 04 05 06 ࣗݾհ ͢Έ͔ͩ͋ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔ ϥϯεʹɻओʹ-1αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ Ոߏ �����݄͔Β8ϑϦʔϥϯεՈఉʹͳΓ·ͨ͠ Unplat Ξϯϓϥ 8FC ɾ 41ΞϓϦ։ൃ σβΠ ϯ ɾ Π ϥε τ੍࡞ ࢠ ʢ�ࡀʣ ϑϦʔϥϯε � ϑϦʔϥϯε �� 01 Θͨ͠ͷ ͓ࣄˍ͓ࡒࣄ Θͨ͠ͷ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
