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