はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ スクロール時

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 8 / 8件)
 

[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ | コリス

2014/09/29 このエントリーをはてなブックマークに追加 502 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery ヘッダ スクリプト エフェクト

最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカ... 続きを読む

[JS]これスゴイよ!スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic | コリス

2014/03/09 このエントリーをはてなブックマークに追加 381 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス パララックス jQuery スクリプト エフェクト

スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロール... 続きを読む

[JS]Appleのプロダクトページのように、スクロール時に各要素をさまざまなアニメーションで表示させるスクリプト -scrollReveal.js | コリス

2014/01/26 このエントリーをはてなブックマークに追加 228 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ビューポート スクリプト アニメーション Apple

スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 scrollReveal.js scrollReveal.js -GitHub scrollReveal.jsのデモ scrol... 続きを読む

Facebook iOSアプリのようにスクロール時にフルスクリーン表示を行うiOSライブラリを作りました - ninjinkun's diary

2014/01/04 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip UINavigationBar ライブラリ https 一覧

2014-01-04 Facebook iOSアプリのようにスクロール時にフルスクリーン表示を行うiOSライブラリを作りました 明けましておめでとうございます。神トラ2クリアしました。 Facebook iOS Appのように、一覧をスクロールした際にUINavigationBarやUIToolbarを隠してフルスクリーン表示をするためのライブラリを作りました。 https://github.co... 続きを読む

[JS]パララックス、スライドなど、スクロール時のエフェクトをよりスムーズにしたスクリプト -SuperScrollorama | コリス

2012/05/27 このエントリーをはてなブックマークに追加 172 users Instapaper Pocket Tweet Facebook Share Evernote Clip パララックス コリス トゥイーン エフェクト スクリプト

パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワ [...] 続きを読む

最新の国内のパララックス効果を使用したサイトをまとめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト

2012/04/16 このエントリーをはてなブックマークに追加 570 users Instapaper Pocket Tweet Facebook Share Evernote Clip パララックス効果 Webデザインクリップ パララックス 最新

Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。 最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。 今回はそんなパララックス効果(parallax)を使用した最新の国内サイトをまとめてみました。 中にもパララックスじゃなくてスクロールするサイトじゃないか?と思われるか... 続きを読む

[JS]スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ | コリス

2012/02/23 このエントリーをはてなブックマークに追加 348 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス パララックス スクロール バス

パララックスをはじめ、パスに沿ってスクロールさせたり、スクロールに合わせてパネルを表示するなど、スクロール時に面白いエフェクトを与えるjQueryのプラグインを紹介します。 scrollorama スクロールに合わせて、 [...] 続きを読む

最近話題のパララックス効果を利用したアニメーションとデザインのキレイな国内・海外サイトまとめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト

2011/12/19 このエントリーをはてなブックマークに追加 137 users Instapaper Pocket Tweet Facebook Share Evernote Clip パララックス効果 平面 上下 奥行き アニメーション

パララックス効果とは・・ スクロール時に平面で重なり合う画像を異なる速さで上下や左右に動かすことで奥行きがあるように見せる視差効果を「パララックス効果」と呼びます。css3やjavascriptで実装されているものが多く、このパララックス効果をうまく取り入れることでちょっとユニークなアニメーションを表現できます。このパララックス効果を上手く利用したWEBサイトを国内・海外ともにまとめて紹介します。... 続きを読む

 
(1 - 8 / 8件)