CSS3のtransformプロパティで、変形を試してみた。 下記画像をクリックすると検証サイトが開きます。 非常に面白い。平行移動するためのCSS。 transform:translate(平行移動させるpx); 傾斜変形のためのCSS。 transform:skewX(X軸方向に傾ける角度); 回転。 …

いつも忘れるので、ボックスのpadding,border,marginプロパティ,widthプロパティ,heightプロパティを図で理解する。まず、CSSはボックス単位を基本にしてレイアウトされる。 それで、１つのボックスは図のように4つの部分から構成される。 content：内容 pad…

下記画像をクリックすると、検証サイトが開きます。 これでスマフォ対応もばっちり！？ そこまで言い切るだけの知識と経験はないが、マークアップはHTMLで行い、デザインはCSSで行うという役割分担がしっかりされている場合は、media queriesでスマフォ用の…