blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌のエントリーを読んでみて、イメージ無しでのblockquoteでの引用を二重引用符で表示するCSSサンプルを紹介してみることに。
一つは、24 ways: Swooshy Curly Quotes Without Imagesのエントリーではイメージ画像無しでの二重引用符で括ったblockquoteでの引用表示するHTML+CSSを紹介していることを。
<span></span>要素で二重引用符（開始）と（終了）を囲み、CSSでブロック・フロート設定で括ってあるように表示する方法です。
Ajax関連の面白いエントリーがいくつか紹介されています。
二つ目は、IEでは表示されませんが、CSS疑似要素要素（:beforeと:after）を使ってイメージ無しで引用符で括ったようにできる方法を紹介。
456bereastreet-CSSで様々なクリップを紹介しているサイトです。最近はここのサイトを何度も読み直していろんなCSSを把握しよう頑張っています。
つい最近もjavascript制御での影付き角丸ボックスのソースを公開していました。あとは、pullquotatをjavascript制御でブロック要素で抜き出して表示するソースなんかも紹介されています。
こちらのブログもMovable Type[ムーバルタイプ]で構築されています。ページ構成やレイアウト・デザインなど参考にしてみるのもいいかと思います。
CSS設定でオブジェクトを半透明にできるプロパティがあります。
IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。
他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。
deliciousにて円チャートをCSSで表現するサイトを見つけました。
画像をずらすことで円チャートを簡単に表現することができます。
結構シンプルです。
スタイルシートコードグラフを表示するのにとてもシンプルなCSSコードを見つけましたので、情報として残しておきます。del.icio.usからみつけました。
とてもシンプルなコードで棒グラフを表示することができるCSSです。またどこかで使えるときがくると思います。
最近のコメント