Corder's High 2017 「CSS設計方法論とその先」 レポート · Code of Duty
東京で開催された「CSS Nite LP54 Corder’s High 2017」の参加レポートです。 セッション8つめはピクセルグリッドの高津戸さん。 CSS設計方法論や各種ツールとどう向き合うか 自分が困っていれば採用すれば良い。 全部採用しようとするとコストが掛かりすぎる 多くのCSS設計方法論 OOCSS モジュール化 BEM クラスに命名規則を設け、シンプルなセレクタで書くルールに CSSの容量増えすぎてしまう問題への解決 モジュール化 ベース + スキン (OOCSS) ブロック + モディファイア (BEM) 書き方がみんなバラバラ問題への解決 コーディングガイドライン StyleLintを使う 同じコードへの対策 mixin, extendでコードDRYに Autoprefixerを使い管理をコード外に スタイルガイドで重複したモジュールの作成を回避 それで解決しない問題
An introduction to CSS Methodologies: Naming Conventions and File Structures by Danielle on CodePen
123 CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. CSS Methodologies are structured ways of writing and organizing your CSS and HTML. Adopting a standard convention has benefits across small and
抽象化を避けるCSS設計方法論「Enduring CSS」 第1回
本連載では、Enduring CSSというCSS設計方法論を紹介します。Enduring CSSは、Ben Frain氏の著書で、末永く破綻させずにサイトのCSSを設計するにはどうすればよいか。その方法論をまとめたものです。電子書籍でも販売していますが、Webサイトで全ての内容が公開されていますので、無料で全内容を確認可能です。 Enduring CSS by Ben Frain [Leanpub PDF/iPad/Kindle] Architect CSS and scale CSS with the ECSS CSS methodology CSS設計方法論（CSS methodology）と言うと、OOCSS、BEM、SMACSSの3つが著名なものと言えるのではないでしょうか。 An Introduction To Object Oriented CSS (OOCSS) – Smas
より良いCSSを書くための様々なCSS設計まとめ
CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BEM
