[JS]画像をモザイク状に切り替えるスライドショーを実装するチュートリアル
切り替え時のアニメーションにはフェードやスライドのアニメーションがよく使用されていますが、ちょっと変わったタイル状に推移していくエフェクトをもったスライドショーを実装するチュートリアルをTutorialzineから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="mosaic-slideshow"> <div class="arrow left"></div> <div class="arrow right"></div> <div class="mosaic-slide" style="z-index: 10;"> <!-- The mosaic-slide div and the tiles are generated by jQuery --> <div class="tile" style=
jQueryで作るスライドするラベル – creamu
おっと思わせる仕掛けのあるフォームを実装したい。 そんなときにおすすめなのが、『Sliding Labels v2』。jQueryで作るスライドするラベルです。 フォームにフォーカスすると、ラベルがすっと左に移動しますね。とてもさりげない動きなので、ユーザビリティーを損なわず、おっと思わせる効果があると思います。 デモは以下から。 View the Demo 一度見てみてください。 Sliding Labels v2 DTPデザイナーと近場で飲み。楽しかった。共通点がいろいろあるんですが、やっぱりやりたいのはロックだということを再認識しました。 昨日、CREAMUのコンセプトを見直しました。「web2.0を紹介するデザイナーブログ」としていましたが、「WEB制作・ブランディング」に変更。やりたいのは制作と、アウトプットする対象のブランド価値の向上なので、ワードを絞り込みました。SEO的な観
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple風デザインが美しい、スライドショーギャラリーのスクリプト