CSS のみでテーブルをレスポンシブデザインにします。ブラウザが設定する標準的なテーブルの場合、解像度が低いデバイスでは、セルの幅が狭くなって読み難くなります。ここではスクロールバーによってセルの幅を維持するようにします。( iOS / Android 対応 )このページを読む

CSSセレクタには class を使い id は使わないとするコーディング理論があります。その理由についてまとめておきます。概ね理由は2つです。(1) 再利用性・汎用性の低下を回避するため。(2) 設定の上書きを容易にし、可読性を高めるため。このページを読む

hyphens は折り返し位置を決定する CSS プロパティです。単語の途中で折り返す場合にハイフンを自動または任意に挿入します。2015年現在多くのブラウザが対応しますが日本語には対応しないようです。対応する lang 属性が必要になり ja 以外を指定出来ないときは使えません。このページを読む

HTMLでソースコードを装飾する JS やその他のリストです。全 9 種。(1) SyntaxHighlighter (2) Crayon Syntax Highlighter (3) google-code-prettify (4) PRISM (5) highlight.js (6) SHJS (7) Pygments (8) GeSHi (9) Text_Highlighter。このページを読む