ウェブ制作ノウハウ CSS：半透明の黒背景を「opacity」で実装すると上手くいかない
こんにちは、さち です。
上の画像のように、コンテンツの上に半透明の黒い背景をかけて、さらにその上に別のコンテンツを表示する。こんなデザインをよく見かけると思います。
このようなデザインを CSS の opacity を使っ...
ウェブ制作ノウハウ
ウェブ制作ノウハウ ウェブ制作ノウハウ JavaScript：即時関数にアロー関数を使うと動かないことがある
こんにちは、さち です。
JavaScript で変数名を汚染しないために使う「即時関数」。
先日、「即時関数」にアロー関数を使ったときに動かないことがあったので、備忘録として記事を書いておきます。
ウェブ制作ノウハウ Firefox：サイト制作時、簡単に JavaScript をオフにする方法
こんにちは、さち です。
先日、ウェブサイトの制作中に、JavaScript がオフのときの動作をテストしたいことがありました。
Firefox に、JavaScript のオン／オフを簡単に切り替えられるアドオンを入れ...
ウェブ制作ノウハウ CSS：ウィンドウが大きい時だけフッターを下部に追従させる
こんにちは、さち です。
今回は、ウェブサイトを作る時に、CSS だけで「フッター」をウィンドウの下部に追従する（貼り付くようにする）方法について書いていきます。
常に追従するのは簡単です。しかし、ウィンドウのサイズが大...
ウェブ制作ノウハウ Firefox：現在のウィンドウサイズをリアルタイムで確認したい
こんにちは、さち です。
先日、レスポンシブデザイン（ブラウザのウィンドウサイズによって表示が適切に切り替わる）サイトの編集をしていました。
デザイン（CSS）の切り替えが正常に行われるか、ブラウザのウィンドウサイズと比...
ウェブ制作ノウハウ WordPress：ブログの更新日をカレンダーに表示する
こんにちは、さち です。
ブログを FC2 から WordPress に移転して1ヶ月ちょっと。まだまだ分からないことがいっぱいあります。そのひとつが、WordPress に「カレンダー」を設置する方法。
ぶっちゃけ、カ...
ウェブ制作ノウハウ WordPress：ツイッターカードのアイキャッチ画像が表示されない
こんにちは、さち です。
ツイッターでは、ツイートに URL が含まれている場合、そのサイトのアイキャッチ画像が表示されます。
このブログの記事の URL をツイートした場合ももちろんアイキャッチ画像が表示されます。……...
ウェブ制作ノウハウ WordPress：画像のアップロード場所を変える
こんにちは、さち です。
ブログやサイトの運営に使われる「WordPress」。
WordPress のファイルが他のファイルと混ざらないように、WordPress を専用ディレクトリ（仮に「wp」とする）にインスト―ル...
ウェブ制作ノウハウ Firefox：ページのステータスコード（404 Not Found 等）を調べる
ウェブ制作ノウハウ