CSS (Cascading Style Sheets)

• https://developer.mozilla.org/ja/docs/CSS
• http://ja.wikipedia.org/wiki/Cascading_Style_ShGumbyeets

• CSS3#animation
• CSS/Grid
• CSSPaintAPI

規約

• AMCSS
• BEM
• SMACSS
• SUIT CSS
• MCSS
• FLOCSS

• ECSS

CSSフレームワーク

• Twitter Bootstrap
• Primer (github)
• Gumby
• PureCSS

• Foundation
• Materialize (マテリアルデザイン)

• Topcoat
• Milligram
• MinCSS (あやしい？)
• Petal
• PicnicCSS
• Kube
• Chota
• Furtive
• Siimple

• Bulma
• TailwindCSS

• SpectrumCSS (Adobe)

• Bootstrap以外のCSSフレームワークを探してみた
  • http://qiita.com/seihowlow24/items/05dc8d2b672cebe0e265
• コードを最適化するためのフロントエンドフレームワーク10選
  • https://uxmilk.jp/76056#

ツール

• Stylus (CSS Generator)
• stylelint (CSS linter)
• Prettier (code formatter)
• Autoprefixer

CSS Shapes

• CSS Shapes Editor for Brackets
  • http://blogs.adobe.com/webplatform/2014/04/17/css-shapes-editor-in-brackets/

Z-index

• z-indexを扱う上でのハマりどころ
  • https://app.codegrid.net/entry/z-index-1
• 要素の重なりについて本気出して考えてみた（z-indexとか何とかとか）
  • http://no1026.com/archives/104

_ (underscore)問題

• https://developer.mozilla.org/en-US/docs/Archive/Beginner_tutorials/Underscores_in_class_and_ID_Names
• https://twitter.com/yoya/status/842966759229464576

  Adobe さんいつまで CSS1 のパーサ使ってるんすか。。

単位

• CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
  • https://coliss.com/articles/build-websites/operation/css/large-small-dynamic-viewports.html

その他

• モダンCSS設計の解説サイトまとめ
  • http://qiita.com/takuhito-h/items/ef8e9cd5fc4b4230125e
• 画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい
  • http://hatenanews.com/articles/201005/1118
• [css] floatを使わないで要素を横に並べる方法を使ったデザイン例
  • http://matome.naver.jp/odai/2141424242933566001/2141424317034340103
• 君は自分の書いたCSSを本当に理解しているのか？
  • https://medium.com/@kojismt/css-6c623f8ca19c
• メンテナブルでありつづけるためのCSS設計
  • http://www.slideshare.net/hiloki/maintainable-css
• 変態的 CSS トリック
  • https://speakerdeck.com/ixkaito/bian-tai-de-css-torituku
• 【脱初心者！】ふわふわお化け？floatバグで泣かないための3つのヒント！
  • https://geechs-magazine.com/tag/lifehack/20161005_1

関連

• HTML
• HTML5 - CSS3
• Sass | SCSS