.clearfixという古(いにしえ)の魔法
初級のウェブ制作者には、.clearfixというclassを魔法だと思っている人が多いようだ。 どういうわけか、floatの解除＝親要素に.clearfixと刷り込まれているようである。 しかし親要素...
カテゴリー: HTML、CSS
HTMLとCSSに関するログ
スマホのclickを100倍高速化する「fastClick.js」
AndroidでHTML5アプリを作っているのですが、ページの遷移やクリックの反応がとにかく遅い。 体感的に0.5秒後に動作が始まる感じで、クリックとかスクロール、ドラッグ等全てがもたつくように感じる...
IDEに求める条件。DreamweaverからSublime Text 2に乗り換えるまで。
僕がIDEに求める条件は、 色分けが美しいこと コードの候補が素早く選択可能であること img src=””などでディレクトリとファイルの候補が表示されること zen-codi...
IE8で画像にmax-widthを設定したが余計な空白が邪魔な場合
例えば以下のサンプル。 <!– HTML –> <ul> <li><img src=”1.jpg” alt=”1″></li> <...
CSS3のbox-sizingはpaddingを含めたwidthを指定できる
widthは幅であるが、paddingとborderを含めないため、厳密にはwidth+padding+borderが実質的な幅になっている。 この仕様が分かりづらく、例えばtable>tdの幅を10...
文字サイズ統一という課題と、remという単位が果たす役割
文字サイズ指定単位について 今まではIEのフォントサイズ変更問題を考慮すると、フォントサイズの指定は％の一択であった。 （px＝サイズ変更×、em＝サイズ変更×、pt＝ブラウザ間相違により×） しかし...
HTML・CSS・Javascriptの役割
HTML … コンテンツ（情報）を論理構造化する。 CSS … 見栄え（視覚的なデザイン）を制御する。 JavaScript/Ajax … ふるまい（インタラクション）を制御する。 当たり前だが、HT...
最近のコメント