光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。
光源や１ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集
光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。
[JS]フォームのエラー箇所をアニメーションでブルッとさせるスクリプト
フォームのエラー箇所にブルッとしたアニメーションのエフェクトを加えるスクリプトをJanko At Warp Speedから紹介します。 Animate validation feedback using jQuery demo デモではフィールドが空の場合にエラーとして、ブルッとしたアニメーションのエフェクトを加えます。 スクリプトのベースにはjQueryが使用されており、下記のスクリプトを記述します。 <textarea name="code" class="js" cols="60" rows="5"> $("#signup").click(function() { var emptyfields = $("input[value=]"); if (emptyfields.size() > 0) { emptyfields.each(function() { $(this).stop(
[JS]軽快なアニメーションで画像を拡大するスクリプト -Fancyzoom
拡大時のアニメーションが気持ちいい、画像を拡大表示するLightbox風スクリプト「Fancyzoom -jQuery version」を紹介します。 Fancyzoom -jQuery version demo Fancyzoom -jQuery versionはFancyZoomのjQuery版で、以前「jQueryのプラグイン33+1選 -2008年7月」で紹介した時から、拡大時のアニメーションが変化してより軽快なものになりました。 スクリプトのオプションでは、スピードや不透明度・オーバレイのカラーなどを数値で調整できます。 FancyzoomはjQueryのプラグインのため、実装にはjquery.jsが必要です。 また、IEの透過PNG画像の表示にjQuery.ifixpng、拡大画像のシャドウの表示にShadowを使用しています。
[JS]簡単に設置できる超軽量のコンテンツスクローラーのスクリプト -TinyScroller
divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。 TinyScroller JavaScript Scrollable Div – 1.7KB demo スクリプトの容量は約1.7KB（圧縮時）で、対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeとなっています。 設置も簡単で、パネルのdiv要素と同列に下記のスクロールバーとなるdiv要素を配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="scrollbar"> <div id="scroller" class="scroller"></div> </div> </textarea>
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
