HP制作
たった1行で「IEの互換表示」を強制的に標準モードにする方法
互換表示とは、バージョンごとに異なるレンダリングを過去のモードで表示するIEの機能です。IEの環境だけ表示やレイアウトが崩れる場合、互換表示が原因になっている可…
HP制作
Dreamweaverのテンプレートを適用すると文字化けする時の解決方法
Dreamweaver CS5（CS4）のテンプレート機能を使ってHTML5でコーディングをすると、適用した際にページが文字化けするという問題が起きます。これは…
HP制作
「読み方のわからないHTMLタグとCSSプロパティ」ベスト5！正しい読み方は？
「読み方を間違えやすいHTML＆CSS」のベスト5を紹介。web業界で働いたことのある方なら間違いなく「あるある」だと思います。栄えある1位はやはり「w」から始…
HP制作
CSSだけで実装！オンマウスでポップアップ表示する簡単な方法
CSSのみでマウスオーバー時にポップアップ（ツールチップ）を表示する方法をHTMLとCSSのコード付きで解説。jQueryなしでシンプルに導入できます。
HP制作
Webサイト制作時に役立つディレクトリ名とファイル名の英語リスト
Webサイト制作時に役立つディレクトリ名やファイル名の英語リストを紹介。SEOにも効果的な命名方法を解説します。
HP制作
IE6～8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点
CSS3は便利ですが、IE6～8でほとんど対応されていないのがネック。そんなIE6～8でCSS3を利用できるようにしてくれる便利なjsライブラリが「Select…
HP制作
【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)
CSSでは定番のテクニックですが、画像をfloatさせて左または右に寄せて配置する際に、画像の下にテキストを回りこませたくない場合は、次の一行を追加すればOKで…
Wordpress
【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法
ブログのサイドバーにカテゴリーアイコンを付けました。最初、自動でリンクにアイコンを付けられるWordPressプラグイン「Category and Page I…
パソコン
Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法
コーディングでハマってしまったので備忘録。IEでは問題ないのですが、Firefoxで見ると上の画像と下の画像の間にすき間が出来てしまう場合の対処法です。
HP制作
Google SEO対策の基本！検索エンジン最適化クイックチェックシート
Googleが「検索エンジン最適化（SEO）クイック チェックシート」と「検索エンジン最適化(SEO)スターターガイド」を公開しました。SEO対策としては基本的…