レスポンシブWebデザインを実装するためのTips

何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ!?いざ作ろうとしたとき困りがちな「レスポンシブデザイン」について、これまでに調べたり使ったりした方法を総ざらいしました。フロントエンド向けですが、デザイナーが決めておくと良い事もまとめてあります。

4日目 : CSS Programming Advent Calendar 2012

CSS Programming Advent Calendar 2012の4日目 CSSエンジニアって肩書きもアリなんじゃないかと思っているTenderfeelです。 おいしいカレーの作り方を考えてたら無事にゲームができ … “4日目 : CSS Programming Advent Calendar 2012″の続きを読む

[CSS] contentプロパティで挿入できるコンテンツ

clearFixでお馴染みなCSSの擬似セレクタ:beforeと:afterではcontentプロパティというものが使えるわけですが、:beforeと:afterがIE7以下未対応ということもあって使ってない人は未だ多かろうと思います。
しかしながらレガシーなIEで表示されないから使わないというのは非常に勿体無いので、今一度contentプロパティで挿入出来る内容についてまとめておこうと思います。

XHTMLコーディング過程を晒してみる(画像で)

恥を忍んでつらつら過程の画像だけ並べてみる。 画像は全部等倍で、ソースは貼って無いです。 架空じゃないから実際のサイトで見れると思いまする。 ラフデザイン。 2カラムでメインメニューは左?ど真ん中にタブのメニュー。 メニ … “XHTMLコーディング過程を晒してみる(画像で)”の続きを読む

[JS]Table内セルを自動的にストライプにする

1行間隔でストライプとか、何行おきかで線が引いてあるTableをたまに見ますが、 いちいちclass追加してると面倒なのでjavacript使った方が早いよね。 っていうことでそういう感じのことをするスクリプトのサンプル … “[JS]Table内セルを自動的にストライプにする”の続きを読む

[CSS]スタイル優先順位の個別性と計算方法

クリエイターが身につけておくべき新・100の法則という本から紹介。 CSSは下に書いたものが優先されるプログラム的な仕様のほかに、優先順位を決めるルールがある。 よく知られてるのは以下の基本ルール。 CSS作成者による優 … “[CSS]スタイル優先順位の個別性と計算方法”の続きを読む