ホームページのデザインに欠かせないCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)のメモ
Flexbox Playground
Flexboxで便利なツール
HTML5非対応のためsectionやartucleなどのタグにはクラスをつけない。
HTML5非対応のためsectionやartucleなどのタグにはクラスをつけない。というルール。これはもう古いけどIE8の対応のときにはこおタグ自体を読み込んでくれないので注意が必要だ。
IE8のときには、divを入れ子にする。
(誤...
SMACSS(スマックス)について自分なりのまとめ
SMACSSとは、Scalable and Modular Architecture for CSSを略語して「スマックス」と読みます。
CSSには命名規則について悩んだりしますが、その対策のためOOCSSやBEMといったルール作りが定番...
コーディングの注意点-HTML5のシンプルな基本構造を作成
HTML5のテンプレートを作成しようと思います。Photoshopでデザインする際にレイヤー名をいつも悩んでいたので調べていたところ結局HTMLのタグまで作ってしまいました。
参照記事
テックレポート - TechReport
Goo...
簡単に影を付けれるCSSジェネレーター「CSS3 Radius and Box Shadow」
「CSS3 Radius and Box Shadow」高機能なCSSジェネレーターです。
毎度使われてもらってます。
CSSでカレンダー風の日付を作る。
参考サイト
参考サイトを元に作り替えたのがこれです。
/* -- カレンダー風-- */
.list-date {float:left;margin:0 20px 0 10px;padding:35px 5px 0;positi...