ウェブ制作ノウハウ WordPress： iPhone で見ると SyntaxHighlighter の表示がおかしい
こんにちは、さち です。
このブログでは、HTML, CSS などのコードを掲載する際に SyntaxHighlighter を使っているんですが、その表示に不具合があります。
スマホ（iPhone）で見ると表示が崩れてしま...
HTML
ウェブ制作ノウハウ ウェブ制作ノウハウ CSS：半透明の黒背景を「opacity」で実装すると上手くいかない
こんにちは、さち です。
上の画像のように、コンテンツの上に半透明の黒い背景をかけて、さらにその上に別のコンテンツを表示する。こんなデザインをよく見かけると思います。
このようなデザインを CSS の opacity を使っ...
ウェブ制作ノウハウ Firefox：サイト制作時、簡単に JavaScript をオフにする方法
こんにちは、さち です。
先日、ウェブサイトの制作中に、JavaScript がオフのときの動作をテストしたいことがありました。
Firefox に、JavaScript のオン／オフを簡単に切り替えられるアドオンを入れ...
ウェブ制作ノウハウ CSS：ウィンドウが大きい時だけフッターを下部に追従させる
こんにちは、さち です。
今回は、ウェブサイトを作る時に、CSS だけで「フッター」をウィンドウの下部に追従する（貼り付くようにする）方法について書いていきます。
常に追従するのは簡単です。しかし、ウィンドウのサイズが大...
ウェブ制作ノウハウ Firefox：現在のウィンドウサイズをリアルタイムで確認したい
こんにちは、さち です。
先日、レスポンシブデザイン（ブラウザのウィンドウサイズによって表示が適切に切り替わる）サイトの編集をしていました。
デザイン（CSS）の切り替えが正常に行われるか、ブラウザのウィンドウサイズと比...
無料ですごいソフトウェア HTML, CSSの文字コードを一括変換する
こんにちは、さち です。
サイトをいくつか運営しているんですが、むかし作ったサイトは「文字コード」が「EUC-JP」になっています。いまサイトを作るなら「UTF-8」一択です。でも、当時はあまり普及していなくて EUC-JP が主...
ウェブ制作ノウハウ HTML だけで動画，オーディオを再生するための基本知識
こんにちは、さち です。
以前、音声（オーディオ），動画（ビデオ）を
このブログに設置したことがありました。
かなり前の話なので、その時は Flash を使いましたが
HTML5 が普及した今は、Flash なんてい...
ウェブ制作ノウハウ CSS： body の height を100％にしても上下に広がらない
こんにちは、さち です。
先日、サイト（ディスプレイ ドット抜けテスト）を作っているときに
ページを画面いっぱいに広げようとしていました。
そこで、body の height を100％にしました。
しかし、思った通...
ウェブ制作ノウハウ 自分のサイトがフレームで他サイトに読み込まれるのを防ぐ
こんにちは、さち です。
今回は、自分のサイトが
フレーム（iframe）で他サイトに読み込まれるのを防ぐ方法
について書いていきます。
ウェブ制作ノウハウ