Diff of CSS

• The added line is THIS COLOR.
• The deleted line is THIS COLOR.
• Go to CSS.

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]]

- [[Flexbox]]

* 規約 [#m73ba2ac]

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

- [[ECSS]]

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

- [[Twitter Bootstrap>TwitterBootstrap]]
- [[Primer]] (github)
- [[Gumby]]
- [[PureCSS]]

- [[Foundation]]
- [[Materialize]] ([[マテリアルデザイン>MaterialDesign]])

- [[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#

* ツール [#r3d06c20]

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

* 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 のパーサ使ってるんすか。。

* 単位 [#w45b072f]

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

* その他 [#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]]