なんでもスライドアニメーション効果、jQueryでカルーセル「carouFredSel」がすごいよ: point of view point
画像とかがスライドするアニメーションする効果を「カルーセル（回転木馬）」というだそうだ。jQueryとそのプラグインを使えばこれがカンタンに実現できると知る。これはぜひ試したい。 そんなjQueryプラグインの中でも機能が多く、有名なのが「carouFredSel」というもの。 circular, responsive jQuery carousel --- CarouFredSel 5.5.0 なんでも、画像（img）やリスト（li）以外のHTML要素なんでもカルーセル化できるんだそうだ。ほんとに？ そんなカンタンにできんの？ ということで試してみた。 できあがったcarouFredSelのサンプル 指定したタイミングで自動スクロールするほか、ボタンを加えることも可能（自分でボタンを配置して、そのidをスクリプト側で指定する）。なかなか見栄えのいいものができあがる。 ここで試したのは、A
Adobe Fireworks Extensions, Commands and Panels
fireworks These Adobe Fireworks extensions are mainly productivity tools. They won't help you make better-looking pictures; rather, they'll help you use Fireworks more efficiently. And if you're an extension developer yourself, some of them will help you build your own commands and Flash panels. Download them all for free! Questions or comments? Ping me at fw at johndunning dot com. Or follow me o
多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSel - かちびと.net
使い勝手が凄く良さそうだったので メモ&シェア。クロスブラウザ対応の カルーセルを実装するjQueryプラグ イン・carouFredSelのご紹介です。 シンプルながら縦タイプ、スライド、 lightboxを付加させる事が出来る等 オプションも豊富です。 動きやデザインはシンプルなんですが、色々とカスタマイズ出来る仕様で、クロスブラウザ対応、という感じのカルーセル系jQueryプラグインです。
carouFredSel の表示方法を詳細に設定したい - ハリーかつき・旧技術ブログ
どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 ・prev/nextボタンを付ける ・画像と画像の間に12pxのpaddingを挿入する ・画像の幅、高さを設定する ・画像が切り替わる間隔(ミリ秒) ・1画面に表示させる画像の数や画像の総枚数を設定する などの細かいオプション設定は下記のように引数に記述します。 $(function() { $('ul#user_interaction').carouFredSel({ prev: '#prev', //id="prev"をもつDOM要素にprevを設定 next: '#next',//id="next"をもつDOM要素にprevを設定 padding: [0 12px 0 0],//画像と画像の間に12pxのpaddingを挿入 items: { visible: 1,//1画面に表示させ
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript（jQuery）でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
HTML5 × CSS3 × jQueryを真面目に勉強してみる – #1 jQuery再入門 | DevelopersIO
そんな訳で、ここらでHTML5 × CSS3 × jQueryに真面目に取り組んでいきたいと思います。 「今更なんだか恥ずかしい…」なんて怖じ気ずかずに勇気を持っていきます。 今からでも間に合います。 「人生に挑戦するのに年齢なんて関係ない。もともとこの世には時間などない。それは人間が勝手に作ったものだ。私は時計師だからそのことがよく分かる。」 -フランク・ミュラー 大丈夫だ、問題ない。 とりあえずの予備知識 それぞれの基礎的な予備知識については、当ブログでは割愛します。こちらを参照するのが手っ取り早いです。 jQueryなら:ノンプログラマーのためのjQuery HTML5なら:IBM developer Works - CSS入門 CSS3なら:HTML5.jp とりあえず今回はjQueryから手を付けるとします。 上で紹介したサイトにある情報の補足として、以下の内容を知っておくと後の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイトの著作権は誰のもの？／【漫画】僕と彼女と著作権・第2話 | 僕と彼女と著作権