自由きままに書いていきます。記事一覧リスト表示グリッド表示ロールオーバー処理の読み込み遅延2013/02/1714:29CM:0TB:0久々にWEB系の記事です。最近、某カメラメーカー、P社のサイトを見たのですが、画像に設定されたリンクをクリックしようとマウスポインタを載せると画像が消えました。原因は、その画像(リンク)にロールオーバー処理が施されていることだということはすぐにわかりましたが、ユーザー体験の面ではあまり良いものとは言えませんね。いうわけで、「ロールオーバー時に画像が消える」という現象の解決策についての記事を書くことに...続きを読むロールオーバー効果をCSSで指定する方法2011/05/0823:11CM:0TB:0これまでロールオーバーの処理はJSで行っていたんですが、CSSで簡単に行う方法を思いついたので紹介します。ur...続きを読む行間や字と字の間隔を調整するCSS2011/04/1818:45CM:0TB:0最近、何だかんだでWEBページの制作や修正をすることが多いんですが、二つ役立ったCSSがあったので紹介します。1.「letter-spacing」これは字と字の間隔を調整するときに使います。10px;2.「line-height」これは行と行の間隔を調整するときに使います。30p...続きを読むCSS3を使ってみる...text-shadow2010/05/0919:55CM:0TB:0さて、今回は、text-shadow(文字に影をつける)を使ってみたいと思います。現時点では、IE9.0では対応していないため、Firefox3.63で実験してみたいと思います。色;と単位付きで指定するだけです。#000000;と指定しています。応用すれば、のようなことも可能です。...続きを読むCSS3を使ってみる...border-radius(2)2010/05/0911:09CM:0TB:0そういえば、前回border-radiusを紹介しましたが、使い方を書き忘れていました。右下;とそれぞれ指定すれば、角に丸みをつけることができます。左上&右上&左下&右下で指定すれば、一括して設定できます。単位は、[px]を使うのが最適だと思います。Luigiどこにでもいるようなありふれた人間・・・という訳でもなく、かと言って怪しい宗教を信仰する変人という訳でも無い。基本的に掲載しているコード等は煮ていただいても焼いていただいても結構ですが、利用は自己責任にてお願いいします。バグ・アドバイス等もしあればよろしくお願いします。