テキストに影を付けるtext-shadowプロパティですが、少し前まではSafariのみが対応していて、マックオタのサイトオーナー以外にはあまり使われる事はありませんでした。けどFirefox 3.5とOpera 9.5がCSS3での表現に一部対応したことで最近じゃチラホラ見るようになり、テキストで表現するタイポグラフィーのツールとしても使われる機会が多くなったような機がします。というわけでText-Shadowプロパティを使った、CSS3による指定方法を個人的にまとめてみました。
Tag Archives: Download
[CSS] 複数のボックス要素をまとめてセンタリングする方法
ひとつのDIVボックス内に複数のボックス要素があり、それらをまとめてセンタリングしたい時ってありますよね。実は今までやり方知らなくて、外側のDIVボックスにmargin-left付けたりして力業で対応してたんですが、方法を探してみたところちゃんとしたやり方があるようです。2つの方法を見つけたのですが、その内の1つを実際にソースを書く機会があったので、せっかくなのでダウンロードできるようにしておきました。そんなに面倒なプロセスでもないですが、よければ使ってください。
[SITE INFO] WordPress用の“Twitterに投稿”ボタンを設置しました
前々から用意しようと思っていた、“Twitterに投稿”ボタンを追加しました。記事タイトルの下にボタンを作ったので、それを押すとTwitterに遷移して記入できる、という簡単なものです。今後の備忘録代わりに導入方法を紹介。
[SITEINFO] CSS Based FlickrBadge – CSSレイアウトのフリッカーバッジ
少し前に、mBlogの右カラム内にflickrのバッジ（最近の写真数件のサムネを表示するアレね）を貼ろうと思ってflickrの純正バッジ生成ページからソースをジェネレイトしたんだけど、「ありゃ、テーブルタグですか奥さん」って感じだったので、CSSベースのものを自分で作りました。せっかくなので誰でも使えるようまとめたので、お気に召した方はご自由にお使いください。横幅可変で、親DIVのwidthに応じて改行してセンタリングするように作ってあります。