multiscroll.js - split multi-scrolling pages plugin 迫力のあるページ切り替えが可能なマルチスクロール効果実装「multiscroll.js」。 ページを半分に分割してそれぞれ逆方向にスクロールして迫力のあるページ切替え効果が作れます パララックスはもうよくみる物になってしまいましたが、こちらは新鮮かも。 関連エントリ フルページスクロールするサイトを作るのに使える「fullPage.js」 スクロールに連動してアニメーションやパララックス効果が作れる「ScrollMagic」 スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」

Rotate HTML elements by mouse in JavaScript - Propeller.js html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」 自動で回転させることもできるし、ドラッグ＆ドロップによって回転させて加速度をつけたアニメーションをさせることもできます 汎用性はありませんが、ちょっとしたエフェクトとして使えそうですね 関連エントリ CSS3アニメーションするモーダルダイアログ実装jQueryプラグイン「Block Slide」 CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 読み終わったらスライドアニメーションで他記事に誘導できるjQueryプラグイン「Promo Slide」 アニメーションするプログレスバーで達成度を視覚化できるjQueryプラグイン

jQuery Immersive Slider by Pete R. | The Pete Design スライダーの背景もダイナミックに切り替えるクールなスライダ実装jQueryプラグイン「Immersive Slider」。 単なるスライドだけではなくて、スライドの背景も切り替えてかっこいいエフェクトを出せるプラグインです スライダ部分だけを変更するより迫力がありますね。 ちなみに、背景画像部分の画像も用意する必要があるようです 関連エントリ ハッシュフラグメントでブックマークに対応できるスライダー「Hashslider v2」 クロス環境で動作するレスポンシブスライダー実装jQueryプラグイン「FerroSlider」 プロダクトを360度回転させられるjQueryプラグイン「Threesixty-slider」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグ

fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。

フクガンRSS フクガンRSSはブログの「記事タイトル」と「本文中の画像」を取得し、一覧表示できるブログパーツです。複数のブログから、単一のブログから、それぞれ取得できます。アカウントの作成も不要。自由度が高く、かなり思い通りのレイアウトで表示する事が可能なのが最大の魅力です。 このサイト内に新しい解説ページあり ※サイト内にさらに新しいページがあります(コード取得方法あり) RSSから画像をサムネイル化するブログパーツ「複眼RSS」がパワーアップ。400ページ分のサムネイル表示可能に 以下、フクガンRSSがリリースされた直後の情報です。資料としてお読みください。 RSS情報を取得し、こんな風に表示されます。 ▲これはダミー画像です。 2ｘ3個、画像は130ｘ100とかも可能。 こんな風にRSS情報からブログ記事を写真リンクで表示出来ます。 サイトへ飛ぶと、ページ上部に各種RSSサンプルが

Ladda ボタンに直接ローディングアニメーションを付けられる「Ladda」。 ボタンを押すとボタンに回転するアニメーションが付与され、そのまま結果をまつ、というような分かりやすいUIが実現可能です 文字＋ボタンを円形のボタンにして背景をグレーにしたり、そのボタン自体をプログレスバーにしてしまうなど、面白いデモが詰まっていますので一度是非試してみて下さい 色々なUIのデザインの仕方があるなぁという関心をしてしまいますね 関連エントリ 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 １ページ内で複数ページに分割できるjQueryプラグイン「windows」 エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 リアルなア

$('.gallery').stripe(); You have a gallery of images, and you are tired of the same old gallery plug-ins, you want something that reminds you of a shredder, well that is this. Things to note: The height of the gallery is determined by the height of the smallest image. The images are proportionately down scaled to fit, and preserve image quality. You can use a combination of portrait and landscape

Fixed Background Scrolling Layout | Codrops 不思議な間隔に陥る背景をスクロールするレイアウトデモ。 パララックスのようでパララックスではなく単に背景画像だけをスクローリングさせて面白い効果を演出できています デモページ ブラウザの進化で表現方法がどんどん広がりますね 関連エントリ ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 CSSレイアウトをWEB上でサクッと作れる「PageBlox」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」

windows １ページ内で複数ページに分割できるjQueryプラグイン「windows」 <section>で区切ったブロックをフルスクリーンのスライドに分割してくれます。 スクロールでページを切替えますが、中途半端なスクロール位置になると自動補正をかけてくれます キーボードショートカットなんかが入るともっと便利だと思いました。 関連エントリ 一枚の画像を高速にスライドさせてアニメーション表示する「JZoopraxiscope」 Youtube動画とSlideshareのスライドを同期して再生できる「Presentz」

Fullscreen Pageflip Layout with BookBlock フルスクリーンでページめくりをするUI実装デモ。 なかなかいい感じのインタフェースのデモとサンプルのダウンロードが可能。 ページめくり部分はjQuery+CSSで実装されており再利用ができそう ページ全体をめくるというのもなかなかいい、と感じるデモでした。 完成度が高いのでそのままサイトに移植してもよさそうですね 関連エントリ ページめくりを実現するためのjQueryプラグイン集 Flipboardみたくページめくりを実現できるjQueryプラグイン「BookBlock」 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 美しいページめくり効果が作れるjQueryプラグイン「Flippy」

公海555000kk线路检测—首页（欢迎您） 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图

スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 2012年09月10日- stickyMojo contained fixed position sticky sidebar jquery plugin スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」。 一昔まえだとスクロールする度にアニメーションして酔ってしまうようなナビゲーションが通常でしたが、FacebookのPC版右カラムのようにposition:fixedをうまく使ってページに固定されるナビゲーションを簡単に実装できます。 スクロール位置に応じてナビゲーションを固定するため、シームレスに固定されるのが特徴。 ページを開いた所 ページをスクロールした所。ページの左上に常に固定されるので、途中で移動し

5 plugins em jQuery para imagens em 360 | Wallace Erick | Desenvolvedor Front-End プロダクト画像を360度回転させられるようにするjQueryプラグイン５つがまとまっています。 ショッピングサイトでたまにみかける、マウスドラッグで回転する製品画像。これをjQueryプラグインによって簡単に実現することが出来ますが、更に５つのjQueryプラグインから自分にあったものを選ぶ際の参考に出来ます。 回転だけでなくズームできるものもあったり、多機能であったり、IEにも対応していたりとそれぞれ特徴があります オンラインショッピングのマイナス面を解消しようと生まれたこういう機能。 実際にやるとなると画像を効率良くいかに撮るかという部分が課題であったりしますが、画像さえあれば実装は簡単にできそうですね。 関連エントリ タイ

iView v2.0 超カッコいいスライドショーを実装できる「iView v2.0」。 コントロールのデザイン等が良い感じで画像を切り替える際のエフェクトも色々選べるスライドショーです。 レスポンシブにも対応しています 関連エントリ 超シンプルなFlickr画像のスライドショーライブラリ「Flickrshow」 これは新しい!パネルレイアウトが美しいスライドショー実装デモ CSS3のみでクロスフェードするワイルドなスライドショー

ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ

jQuery jQSlider :: Example Slimple ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」 ブラウザを紙芝居っぽくしたスライドショーが作れます。この手のプラグインでは当然ですが、１ファイルのHTML内に全スライドを書けます。 ブラウザ幅が変わっても伸縮するレスポンシブな仕様になっています ブロック要素内にスライドショーを入れ込んだりもできるようです パワーポイント使うよりもちょっとギークっぽいスライドショーライブラリ。 １つの選択肢として使えそう 関連エントリ レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 フルスクリーン背景がスライドショーになるCSS3サンプル 指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 レスポン

Arrêter de fumer est un défi, mais avec la bonne méthode, vous pouvez y arriver. Il existe plusieurs solutions pour…

Curtain.js スクロールするとカーテンが上がるようにパネルが非同期で動くページが作れるjQueryプラグイン「Curtain.js」 単なるスクロールする縦長ページではなく、スクロールするとブロック要素が別々に動いて面白い演出が作れます。 左下のナビゲーションでページ送りをしたりも出来るみたい 今なら、これを使ってサイトを作れば、玄人なWEB業界の人も目を丸くするかもしれませんね。 関連エントリ フルスクリーン背景がスライドショーになるCSS3サンプル レスポンシブなスライドショーを実装できるjQueryプラグイン「ResponsiveSlides.js」 iTunesストアのトップのスライドショー風ウィジェットを実装できるjQueryサンプル HTML5＆CSS3をフルに活用したスライドショー実装ライブラリ「Slider.js」