#author("2025-04-07T13:58:14+00:00","default:yoya","yoya")
#author("2025-04-07T14:01:16+00:00","default:yoya","yoya")
TITLE: CSS (Cascading Style Sheets)
- https://developer.mozilla.org/ja/docs/CSS
- http://ja.wikipedia.org/wiki/Cascading_Style_ShGumbyeets
- [[CSS3#animation]]
- [[CSS/Grid]]
- [[Flexbox]] | [[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
- 最近のCSSを改めてちゃんと学んでみた
-- https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1
* 関連 [#rel]
- [[HTML]]
- [[HTML5]] - [[CSS3]]
- [[Sass]] | [[SCSS]]
