HP制作
「読み方のわからないHTMLタグとCSSプロパティ」ベスト5！正しい読み方は？
webには様々なHTMLタグやCSSプロパティがあります。ネットで調べれば使い方はすぐにわかりますが、読み方の書いてあるサイトは意外とありません。 そのため「こ…
HP制作
CSSだけで実装！オンマウスでポップアップ表示する簡単な方法
テキストにマウスカーソルが合わさるとポップアップメッセージが出てくるCSSのサンプルコードを紹介します。 jQueryなどのスクリプトは一切使わず、HTMLとC…
HP制作
Webサイト制作時に役立つディレクトリ名とファイル名の英語リスト
Webサイトを制作する際には、必ずディレクトリ名（フォルダ名）やファイル名を決める作業が発生します。特に、サイトの構造が複雑になるほど、適切な命名が重要です。フ…
HP制作
IE6～8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点
CSS3は便利ですが、IE6～8ではほとんど対応していないのが困りモノ。IE9以上でそれなりに使えるようになるレベルです。 IE6はもう切っていいと思いますが、…
HP制作
【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)
floatを使ってテキストと画像を配置することはコーディングでよく使う記述だと思います。 ただ、普通にfloatしただけだとテキストが画像よりも長くなった場合、…
Wordpress
【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法
少し前にブログのサイドバーにカテゴリーアイコンを付けました。 最初、カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン「Category…
パソコン
Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法
Webデザイナー・コーダーは、ブラウザごとの表示の違いに悩まされることが多いですよね。 今回はFirefoxで見ると上の画像と下の画像の間にすき間が出来てしまう…
HP制作
Google SEO対策の基本！検索エンジン最適化クイックチェックシート
Google ウェブマスター向け公式ブログを読んでいる方はご存知かと思いますが、Googleが「検索エンジン最適化（SEO）クイック チェックシート」と「検索エ…
HP制作
CSSハックを使わずに「min-height」「min-width」をIEで実現する最も簡単な方法
IE6ではmin-heightやmin-widthがききません。デザインの都合上、特にmin-heightを使いたい場面は多いかと思います。 今回はそんな時に役…
HP制作
「a href=”#” onclick=”…”」を使わないダミーリンクの記述方法
HP制作の過程で＜a href="#"＞リンク＜/a＞といったダミーリンクを作る場面があると思います。 私は以前、クリックでページを開くのではなく音声を出す仕組…