滑らかなスクロール体験を！ JSライブラリでお手軽に導入する慣性スクロール（前編） - ICS MEDIA

2023/08/04 15 users JSライブラリ ICS MEDIA 前編 挙動 余韻

ウェブサイトをスクロールした時に、他のサイトよりも滑らかに余韻が残るような動きを目にしたことはないでしょうか？　このスクロールの挙動は慣性スクロールと呼ばれ、ウェブサイトを演出する手法のひとつです。 スクロール操作を止めた後に少し余韻が残りながらスクロールが継続することで、コンテンツをスムーズに閲... 続きを読む

パララックスもこれで簡単に！ HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

2022/01/12 175 users パララックス エフェクト CSS ライブラリ スクリプト

ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax... 続きを読む

[JS]スライダーなどのさまざまなUIエレメントのスクロール操作をスマホ対応・無限スクロール対応にするスクリプト -eco Scroll | コリス

2015/03/26 48 users コリス jQuery ＥＣ カルーセル フリック

コンテンツスライダー、画像ギャラリー、カルーセル、ウォールなど、スクロールするさまざまなUIエレメントを無限スクロール対応にするjQueryのプラグインを紹介します。 スクロール操作はデスクトップのドラッグやスマホのスワイプやフリックにも対応しており、非常に快適に動作します。 eco Scroll eco Scroll -GitHub eco Scrollのデモ eco Scrollの使い方 ec... 続きを読む

[JS]ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js | コリス

2013/12/10 211 users コリス jQuery AngularJS GitH Zepto

スクロールベースのページを実装する時にぴったり！　ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にもいろいろと使えそうです。 スクリプトは単体で動作しますが、jQuery/ZeptoやAngularJSのプラグインとしても動作します。 Headroom.js Headroom.js -GitH... 続きを読む

iOS版 Gmail アプリ更新、iPad は全画面メール作成などメジャーアップデート - Engadget Japanese

2013/11/18 27 users Engadget Japanese iPad アプリ更新

Google がiOS 版Gmail アプリをバージョン 2.7182 にアップデートしました。UI を一新し、特にiPad での利便性が増したほか、スクロール操作もよりスムーズになっています。 主な変更点は、まずiPad をランドスケープ(横持ち)モードにすると、上記画像のように画面の左端にナビゲーションバーが表示され、アカウントの切り替えや受信箱の選択などがシングルタップで可能になりました。C... 続きを読む

マウス操作をタッチスクリーンのように変えるChrome拡張機能『Chrome Touch』 : ライフハッカー［日本版］

2013/04/12 61 users ライフハッカー タッチスクリーン マウス操作 日本版 ブラウザ

Google , Google Chrome , ソフトウェア , ブラウザ , 最新テック マウス操作をタッチスクリーンのように変えるChrome拡張機能『Chrome Touch』 2013.04.12 17:00 Chrome：タブレットやスマートフォンのタッチ操作に慣れてしまうと、PCでのマウス操作がもどかしく思えるときがあります。例えば、ウェブページを見ているときのスクロール操作。カーソ... 続きを読む

【au発表会2012冬】ディスプレイに触らなくても操作できる!? マイノリティ・リポートなスマホ「VEGA」のハンズオン（動画あり） : ギズモード・ジャパン

2012/10/17 10 users Vega ハンズオン 異彩 マイノリティ ギズモード

タッチレススマホ？ 本日のauの発表会で発表された中でもとびきり異彩を放っていたのがこの「VEGA」。何がすごいって、赤外線センサーにより、ディスプレイに触れることなくスマホが操作できるんです。手が汚れている時とかに便利そう。 ブラウザではかざした手を上下に動かすことでスクロール操作が、動画再生画面では、上下で音量が、左右で早送り・巻き戻しが、また長めにかざすと再生・停止、さらに長くかざすと動画の... 続きを読む

[JS]追従するフロートパネルを一行のスクリプトで設置できる -Portamento | コリス

2011/09/26 94 users コリス Libs Ajax 一行 スクリプト

スクロール操作に追従して定位置に表示されるフロートパネルを簡単な記述で設置できるjQueryのプラグインを紹介します。 Portamentoの実装 実装は非常に簡単です。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.m... 続きを読む

投稿動画検索 -goo 画像・動画・音楽検索-

2007/02/28 101 users goo 類似画像 キーワード 検索エンジン 音楽

goo画像・動画・音楽検索はスクロール操作による一括表示や類似画像での並び替えに加え、動画や音楽も探せる検索エンジン。毎日更新のランキングなど、旬なキーワードも提供中。 続きを読む