ノートパソコンで作業中
HP制作

IE6~8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点

CSS3は便利ですが、IE6~8ではほとんど対応していないのが困りモノ。IE9以上でそれなりに使えるようになるレベルです。IE6はもう切っていいと思いますが、…

HP制作

【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)

floatを使ってテキストと画像を配置することはコーディングでよく使う記述だと思います。ただ、普通にfloatしただけだとテキストが画像よりも長くなった場合、…

Wordpress

【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法

少し前にブログのサイドバーにカテゴリーアイコンを付けました。最初、カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン「Category…

パソコン

Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法

Webデザイナー・コーダーは、ブラウザごとの表示の違いに悩まされることが多いですよね。今回はFirefoxで見ると上の画像と下の画像の間にすき間が出来てしまう…

HP制作

CSSを綺麗に整形してくれるオンラインツールのまとめ

CSSの記述の仕方は人によってクセがあります。個人ブログなら、自分だけわかるように書けば問題ありませんが、社内のプロジェクトなど複数の人間が管理する場合、ある程…

HP制作

CSSハックを使わずに「min-height」「min-width」をIEで実現する最も簡単な方法

IE6ではmin-heightやmin-widthがききません。デザインの都合上、特にmin-heightを使いたい場面は多いかと思います。今回はそんな時に役…

HP制作

【CSS】floatを使ったら画像が表示されなくなる場合の解決方法

CSSのfloatを使うと画像が消えてしまう場合の解決方法について。私の環境だと、ローカルでは問題なく表示されるのにサーバーにアップすると画像が消える現象が起…

HP制作

【ブラウザ】よく使うCSSハックのまとめ(IE6~9・Firefox・Chrome)

私がコーディング時によく使うCSSハックを紹介します。もちろん、CSSハックはなるべく使わないようにマークアップすることが大切。そのため、どうしても表示がきち…