カテゴリー: HTML、CSS

HTMLとCSSに関するログ

.clearfixという古(いにしえ)の魔法 0

.clearfixという古(いにしえ)の魔法

初級のウェブ制作者には、.clearfixというclassを魔法だと思っている人が多いようだ。 どういうわけか、floatの解除=親要素に.clearfixと刷り込まれているようである。 しかし親要素...

HTML,CSSコーディング上の注意 0

HTML,CSSコーディング上の注意

他者が作業したコーディングや構造設計の悪い部分を指摘しています。

Androidのブラウザでリンクをタップした時の背景色を消す方法 0

Androidのブラウザでリンクをタップした時の背景色を消す方法

a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

スマホのclickを100倍高速化する「fastClick.js」 0

スマホのclickを100倍高速化する「fastClick.js」

AndroidでHTML5アプリを作っているのですが、ページの遷移やクリックの反応がとにかく遅い。 体感的に0.5秒後に動作が始まる感じで、クリックとかスクロール、ドラッグ等全てがもたつくように感じる...

CSSセレクタブラウザ対応表 0

CSSセレクタブラウザ対応表

CSSのセレクタごとのブラウザ対応表。 “>”や”[attr=value]”なんかは汎用性高いのに意外とIE7とかでも使える。

CSS3のbox-sizingはpaddingを含めたwidthを指定できる 0

CSS3のbox-sizingはpaddingを含めたwidthを指定できる

widthは幅であるが、paddingとborderを含めないため、厳密にはwidth+padding+borderが実質的な幅になっている。 この仕様が分かりづらく、例えばtable>tdの幅を10...

文字サイズ統一という課題と、remという単位が果たす役割 0

文字サイズ統一という課題と、remという単位が果たす役割

文字サイズ指定単位について 今まではIEのフォントサイズ変更問題を考慮すると、フォントサイズの指定は%の一択であった。 (px=サイズ変更×、em=サイズ変更×、pt=ブラウザ間相違により×) しかし...

HTML・CSS・Javascriptの役割 0

HTML・CSS・Javascriptの役割

HTML … コンテンツ(情報)を論理構造化する。 CSS … 見栄え(視覚的なデザイン)を制御する。 JavaScript/Ajax … ふるまい(インタラクション)を制御する。 当たり前だが、HT...