Web制作
「読み方のわからないHTMLタグとCSSプロパティ」ベスト5！正しい読み方は？
webには様々なHTMLタグやCSSプロパティがあります。ネットで調べれば使い方はすぐにわかりますが、読み方の書いてあるサイトは意外とありません。 そのため「こ…
Web制作
z-indexが効かない時の対処法とスクロール追従メニューの実装
ブログのカテゴリメニューをページスクロールで追従させるよう変更した際、一部のブラウザでメニューが記事の下に隠れてしまう現象に悩まされました。 原因はCSSのz-…
Web制作
CSSだけで実装！オンマウスでポップアップ表示する簡単な方法
テキストにマウスカーソルが合わさるとポップアップメッセージが出てくるCSSのサンプルコードを紹介します。 jQueryなどのスクリプトは一切使わず、HTMLとC…
Web制作
IE6～8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点
CSS3は便利ですが、IE6～8ではほとんど対応していないのが困りモノ。IE9以上でそれなりに使えるようになるレベルです。 IE6はもう切っていいと思いますが、…
Web制作
【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)
floatを使ってテキストと画像を配置することはコーディングでよく使う記述だと思います。 ただ、普通にfloatしただけだとテキストが画像よりも長くなった場合、…
Wordpress
【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法
少し前にブログのサイドバーにカテゴリーアイコンを付けました。 最初、カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン「Category…
パソコン
Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法
Webデザイナー・コーダーは、ブラウザごとの表示の違いに悩まされることが多いですよね。 今回はFirefoxで見ると上の画像と下の画像の間にすき間が出来てしまう…
Web制作
CSSを綺麗に整形してくれるオンラインツールのまとめ
CSSの記述の仕方は人によってクセがあります。個人ブログなら、自分だけわかるように書けば問題ありませんが、社内のプロジェクトなど複数の人間が管理する場合、ある程…
Web制作
CSSハックを使わずに「min-height」「min-width」をIEで実現する最も簡単な方法
IE6ではmin-heightやmin-widthがききません。デザインの都合上、特にmin-heightを使いたい場面は多いかと思います。 今回はそんな時に役…
Web制作
【CSS】floatを使ったら画像が表示されなくなる場合の解決方法
CSSのfloatを使うと画像が消えてしまう場合の解決方法について。 私の環境だと、ローカルでは問題なく表示されるのにサーバーにアップすると画像が消える現象が起…