Web制作
サイトに記載する「Copyright(コピーライト)」、著作権表示の正しい書き方
ほとんど全ての企業サイトやブログに「Copyright（コピーライト）」の表記があります。毎年年号を変えていたのですが、ふと「コピーライトの年号は変える必要があ…
HTML
Web制作
たった1行で「IEの互換表示」を強制的に標準モードにする方法
互換表示とは、バージョンごとに異なるレンダリングを過去のモードで表示するIEの機能です。IEの環境だけ表示やレイアウトが崩れる場合、互換表示が原因になっている可…
Web制作
Dreamweaverのテンプレートを適用すると文字化けする時の解決方法
Dreamweaver CS5（CS4）のテンプレート機能を使ってHTML5でコーディングをすると、適用した際にページが文字化けするという問題が起きます。これは…
Web制作
「読み方のわからないHTMLタグとCSSプロパティ」ベスト5！正しい読み方は？
「読み方を間違えやすいHTML＆CSS」のベスト5を紹介。web業界で働いたことのある方なら間違いなく「あるある」だと思います。栄えある1位はやはり「w」から始…
Web制作
CSSだけでホバー時にポップアップ表示！ツールチップと吹き出しの作り方2026
要素にマウスを乗せた瞬間、CSSだけでふわっとポップアップやツールチップ、吹き出しを表示する方法を最新版で解説します。:hoverやopacity、疑似要素を使…
Web制作
Webサイトのディレクトリ名・ファイル名に使う英語一覧｜命名のコツも解説
Webサイトのディレクトリ名・ファイル名に使う英単語を、企業サイトのコンテンツ別に一覧表でまとめました。index・css・imgなど定番フォルダ名や、ハイフン…
Web制作
Selectivizr.jsはもう不要｜IE終了後のCSS互換の今どきの考え方
IE6〜8でCSS3を使うためのライブラリSelectivizr.jsは、Internet Explorerの終了で役目を終えました。なぜ不要なのか、@supp…
Web制作
【CSS】floatした画像にテキストを回り込ませない方法｜現代版5選
floatした画像の下にテキストが回り込むのを止める方法を、定番のoverflow:hiddenから現代の本命display:flow-root、そもそもfle…
Web制作
【CSS】サイドバーのカテゴリー名にアイコンを表示する方法｜背景画像・疑似要素・絵文字対応
ブログのサイドバーにカテゴリーアイコンを付けました。最初、自動でリンクにアイコンを付けられるWordPressプラグイン「Category and Page I…
パソコン
縦に並べた画像の下のすき間を消すCSS5つの対処法｜原因はインライン要素
画像を縦に並べたとき下にできる数pxのすき間。原因はimgがインライン要素でベースラインに揃うためです。display:blockやvertical-align…