より良いCSSを書くための様々なCSS設計まとめ - ポップインサイト
CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら
CSS設計の理想と現実
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
CSSの記述が楽しくなるSassについてのメモ - ばくのエンジニア日誌
CSSを入れ子にしたり、変数やif文を使って制御できるSassについて調べてみた。 すでにCSS書けるなら直感的に理解できるし、Railsにはで標準で入ってるので即採用。 Sass概要 公式サイトはこちら。 Sass - Syntactically Awesome Stylesheets トップにいる謎の熟女が魅力的！ 記法が2種類(Sass, Scss)とあるけど、Scss(Sassy CSS)がメジャー。 gemとして配布されているので、インストールする。rubyが必要です。 gem install sass Sassで書いたファイルの拡張子を.scssにして、.cssにコンパイルしてあげる。 sass style.scss:style.css 以下、主な機能のまとめです。公式サイトの記載順に並べてます。 [Nesting]入れ子にできる 直感的でわかりやすい。id:main配下のpに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Center in CSS