Backup diff of CSS(No. 24)

The added line is THIS COLOR.
The deleted line is THIS COLOR.
TITLE: CSS (Cascading Style Sheets)

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

- [[CSS3#animation]]
- [[CSS/Grid]]
- [[CSSPaintAPI]]

* 規約 [#m73ba2ac]

- [[AMCSS]]
- [[BEM]]
- [[SMACSS]]
- [[SUIT CSS>SUITCSS]]
- [[MCSS]]
- [[FLOCSS]]

- [[ECSS]]

* CSSフレームワーク [#framework]

- [[Twitter Bootstrap>TwitterBootstrap]]
- [[Primer]] (github)
- [[Gumby]]
- [[PURE]]
- [[Foundation]]
- [[Materialize]] ([[マテリアルデザイン>MaterialDesign]])
- [[Autoprefixer]]

- Bootstrap以外のCSSフレームワークを探してみた
--  http://qiita.com/seihowlow24/items/05dc8d2b672cebe0e265

* ツール [#r3d06c20]

- [[Stylus]] (CSS Generator)
- [[stylelint]] (CSS linter)
- [[Prettier]] (code formatter)

* CSS Shapes [#o913141d]

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

* Z-index [#z-index]

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

* _ (underscore)問題 [#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 のパーサ使ってるんすか。。


* その他 [#etc]

- モダン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

* 関連 [#rel]

- [[HTML]]
- [[HTML5]] - [[CSS3]]
- [[Sass]] | [[SCSS]]
Backup diff of CSS (No. 24)
