jQuery を使った WordPress の開発中に「$ is not a function」 なるエラーが発生することがあります。原因は概ね2つです。(1) WPでは「$」ではなく「jQuery」を使う。(2) jQuery の読み込みよりも前に、「$」ないし「jQuery」 が使われている。このページを読む

ol 要素などの数字付きリストを「1-1.」や「1.1.1」のように表記したいときは、CSS プロパティ counter-reset および counter-increment と、値 counters を使います。これらの CSS プロパティは h1 ~ h6 要素などにも使うことができます。IE8+ に対応します。このページを読む

JavaScript で文字列を扱うとき、@ などの記号の文字参照が、元の文字に戻ってしまうことがあります。問題を解決するには、文字参照の文字列を、`&#` + `64;` のように分割します。このページを読む

Google の CDN は URL によってライブラリのバージョンを管理します。提示されたバージョンと完全に一致する URL のときは、そのバージョンのライブラリを、省略されたバージョンの URL のときは、最新のバージョンのライブラリをダウンロードします。このページを読む

無料のアイコンフォントのセットには、使う機会がないものも多く含まれます。そこでフォントセットから一部のフォントだけを抜粋し、ファイルサイズを小さくします。ここでは使用するアイコンフォントが選べる無料のツールと、その使い方を簡単に紹介します。このページを読む

スクリーンリーダによってテキストが読み上げられるとき、前後にテキストがなければ、上手く意味が伝わらないことがあります(例えば記号や図で表現されるコンテンツ)。 そこで、スクリーンリーダにだけ読めるテキストを、CSS を使って用意します。このページを読む

パフォーマンスを低下させる CSS の設定を排除して最適化することで、ページの描画速度を改善し、データサイズを小さくすることができます。ここではパフォーマンスを低下させる CSS の設定例と、それを改善するための設定例、10 項目を一覧します。このページを読む