![http://e0166nt.com/blog-entry-854.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/191002a64f1d5198552ff963f26a99f9a81a6ba0/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-31.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201102170032.jpg)
Lettering.JS | daverupert.com タイトル文字列をファンシーに加工できるjQueryプラグイン「Lettering.JS」。 jQueryとCSS3を組み合わせて次のようなファンシーなタイトルが画像ではなく文字列で実現出来ます。 タグはこんな感じで普通のHTMLで定義しておくだけでOK <h1 class="fancy_title">Some Title</h1> $(".fancy_title").lettering(); のように初期化して上げれば上記のようにファンシーな感じに変更できます。 マウスカーソルを当てると反応があってなかなか面白いエフェクトがかかってます。 関連エントリ ファンシーなデザインがいい感じのAjax&PHPなコンタクトフォーム作成サンプル 図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Capt
動きのある静的なサイトを作りたい。 そんなときに参考になるのが、『G2』。jQueryでアニメーションさせたレストランのサイトです。 ロード時に、ロゴが上から落ちてきてぼよーんとなりますが、「jquery.rotate.js」を使ってアニメーションしているようですね。フェードインの動きは、「g2geogeske.js」の中にシンプルに書かれています。ちょっとフェードするだけでも気持ちいいですね。 画像には透過PNGが使われていますが、「DD_belatedPNG」を使ってIE6へ対応させています。 背景にぼけた画像が使われていて、フォントの大きさにメリハリがあっていいですね。さりげなく使われているテクスチャもいい感じです。 一度見てみてください。 G2 さてと週末!仕事を残してしまったけど明日がんばる。今日はディズニーランドに行ってきます。何年ぶりだろう。楽しみ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く