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