*CSS

Flexbox Playground

2017.9.12 CSS

Flexboxで便利なツール https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/...


HTML5非対応のためsectionやartucleなどのタグにはクラスをつけない。

2016.6.25 CSS

HTML5非対応のためsectionやartucleなどのタグにはクラスをつけない。というルール。これはもう古いけどIE8の対応のときにはこおタグ自体を読み込んでくれないので注意が必要だ。 IE8のときには、divを入れ子にする。 (誤 (正 ...


SMACSS(スマックス)について自分なりのまとめ

SMACSS(スマックス)について自分なりのまとめ

2015.12.5 CSS HTML5 WEBデザイン

SMACSSとは、Scalable and Modular Architecture for CSSを略語して「スマックス」と読みます。 CSSには命名規則について悩んだりしますが、その対策のためOOCSSやBEMといったルール作りが定番でした。そのOOCSSやBEMをいいところを交えてできた新しいルールがSMACSSです。「ベース」・「レイアウト」・「モジュール」・「ステート」・「テーマ」...


コーディングの注意点-HTML5のシンプルな基本構造を作成

コーディングの注意点-HTML5のシンプルな基本構造を作成

2015.9.24 CSS HTML5

HTML5のテンプレートを作成しようと思います。Photoshopでデザインする際にレイヤー名をいつも悩んでいたので調べていたところ結局HTMLのタグまで作ってしまいました。 参照記事 テックレポート - TechReport https://www.cyberagent.co.jp/techinfo/techreport/report/id=7926#section10 Goog...


CSSでカレンダー風の日付を作る。

2014.7.4 CSS

参考サイト http://snook.ca   参考サイトを元に作り替えたのがこれです。 /* -- カレンダー風-- */ .list-date {float:left;margin:0 20px 0 10px;padding:35px 5px 0;position:relative; border-top:#D4D4D4 solid 4px; backg...