ハートに響くUIを生み出すためのデザインプロセス / 体験から発想する意思決定・行動デザイン(UXD)... / つくらない ものづくり ~明日からできるリーンス...他...全10件
![ここ最近読んで勉強になったWeb制作関連のスライド10選(2013年6月~7月)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c0daa2b089851647813ed19f4d1273fc322ad04/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F8%2F5%2Fl_2013-8-5_49032fb59a49501671f90646bca6d128.jpg)
スライド内に複数の要素を配置し、それぞれ異なるタイミングで異なるアニメーションを設定できるスライダーを実装するjQueryのプラグインを紹介します。 デモ:Animation Basic それぞれ対角にアニメーションでスライドします。 Fraction Sliderの使い方 実装は非常にシンプルです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="fractionslider.css"> <script src="jquery-1.9.0.min.js" type="text/javascript"></script> <script src="jquery.fractionslider.js" type="text/javascript" ></script>
Slideshow 2のフェイドタイプで縦にサムネイルがスライドしていきます。 別途スタイルをしていしなくてはいけません。 画像の登録方法も横スライドタイプなどと同じで、キャプション表示には対応していないかもしれません。 形状からいって出来そうな気はするのですが、まだ試してません。
Web上には無限大のスペースが広がっています。 しかし、コンテンツの多さ=見やすさには決してなりません。 coda-sliderは多くなってしまったコンテンツをスライドのように表示することで、見やすさも得ることができます。 sponsors 使用方法 coda-sliderからjquery.easing.js、slideviewer.jsを、jQueryからjquery.js(v1.1)をそれぞれダウンロードします。 また、zipファイル内のindex.htmlからcssを取り除きます。(jCodaSlider.css*画像パスを各自変更してください) <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easing.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く