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制作
Google SEO対策の基本！検索エンジン最適化クイックチェックシートとスターターガイド
2013.05.082019.07.16
Google ウェブマスター向け公式ブログを読んでいる方はご存知かと思いますが、Googleが「検索エンジン最適化（SEO）クイック チェックシート」と「検索エ…
HP制作
CSSハックを使わずに「min-height」「min-width」をIEで実現する最も簡単な方法
2013.04.242019.05.17
IE6ではmin-heightやmin-widthがききません。デザインの都合上、特にmin-heightを使いたい場面は多いかと思います。 今回はそんな時に役…
HP制作
＜a href=”#” onclick=”…”＞を使わないダミーリンクの記述方法
2013.04.012019.01.29
HP制作の過程で＜a href="#"＞リンク＜/a＞といったダミーリンクを作る場面があると思います。 私は以前、クリックでページを開くのではなく音声を出す仕組…
HP制作
初心者必見！FC2ブログのテンプレートを簡単にカスタマイズする方法
2012.07.272019.08.07
FC2ブログを変数を使って簡単にカスタマイズする方法を紹介します。 ページごとにブロックを表示したり、タイトルを最適化する場合に必須のテクニックですので、初心者…
HP制作
【CSS】floatを使ったら画像が表示されなくなる場合の解決方法
2012.03.262019.01.29
CSSのfloatを使うと画像が消えてしまう場合の解決方法について。 私の環境だと、ローカルでは問題なく表示されるのにサーバーにアップすると画像が消える現象が起…
Wordpress
「はてなブックマークボタン」をWordPressの個別記事に設置する方法
2011.11.082019.05.22
「はてなブックマークボタン」をWordPressに設置する場合、公式ページで生成したコードをそのまま貼ると個別記事に対応できないという問題が発生します（サイトの…