Backup of CSS (No. 22)

• Backup list
• View the diff.
• View the diff current.
• View the diff for visual.
• View the source.
• Go to CSS.
  • 1 (2013-04-14 (Sun) 00:54:34)
  • 2 (2013-04-30 (Tue) 14:58:55)
  • 3 (2014-03-26 (Wed) 21:53:34)
  • 4 (2014-04-29 (Tue) 17:54:49)
  • 5 (2014-07-22 (Tue) 14:38:06)
  • 6 (2014-08-20 (Wed) 10:41:41)
  • 7 (2014-09-24 (Wed) 14:07:55)
  • 8 (2014-10-20 (Mon) 22:35:25)
  • 9 (2014-10-27 (Mon) 10:38:04)
  • 10 (2014-11-09 (Sun) 21:24:48)
  • 11 (2015-04-12 (Sun) 08:22:35)
  • 12 (2015-05-21 (Thu) 09:54:19)
  • 13 (2015-11-03 (Tue) 20:09:43)
  • 14 (2015-11-07 (Sat) 14:42:25)
  • 15 (2016-06-29 (Wed) 13:13:36)
  • 16 (2016-08-29 (Mon) 14:30:41)
  • 17 (2016-10-24 (Mon) 18:30:26)
  • 18 (2017-04-14 (Fri) 21:29:09)
  • 19 (2017-04-18 (Tue) 18:11:29)
  • 20 (2017-07-10 (Mon) 00:51:20)
  • 21 (2017-09-25 (Mon) 17:40:07)
  • 22 (2018-02-11 (Sun) 21:28:32)
  • 23 (2018-04-27 (Fri) 09:10:30)
  • 24 (2020-06-28 (Sun) 19:20:01)
  • 25 (2020-06-28 (Sun) 20:40:36)
  • 26 (2020-06-28 (Sun) 22:20:08)
  • 27 (2020-06-29 (Mon) 01:39:20)
  • 28 (2022-06-01 (Wed) 13:30:45)
  • 29 (2023-01-25 (Wed) 15:58:18)
  • 30 (2023-08-07 (Mon) 14:33:11)

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

• CSS3#animation
• CSS/Grid

規約

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

CSSフレームワーク

• Twitter Bootstrap
• Primer (github)
• Gumby
• PURE
• Foundation
• Materialize (マテリアルデザイン)
• Autoprefixer

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

ツール

• Stylus (CSS Generator)

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設計の解説サイトまとめ
  • 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