Safari では検索フォームに padding が効ききません。appearance プロパティを設定してこの問題を解決します。-webkit-appearance: textfield; を設定します。このページを読む

IE(10+)ではコンテンツとスクロールバーが重なることがあります。スクロールバーは一定時間経過すると自動で隠れますが、コンテンツは読みにくく、クリックしにくくなります。viewport の width プロパティに device-width を設定するとこの問題が起こります。 このページを読む

WEB フォントやアイコンフォントの CSS を、実用の範囲で簡潔に設定します。?#iefix とそれに関連する問題についても解説しますが、このハックは使いません。IE8+, 多くのモダンブラウザ, Android, iOS などに対応します。このページを読む

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

schema.org は Web(HTML) で利用するメタデータを定義する団体です。あるいはそのメタデータのフォーマットを指します。最大の特徴は Google, Yahoo, Bing(MS) の検索大手が共同で取り組んでいることです。ここでは schema.org の位置づけや導入するメリットについて解説します。このページを読む