タグ パララックスエフェクト
人気順 10 users 50 users 100 users 500 users 1000 usersどんどん簡単になっていく!最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス
アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む
multiscroll.js - パララックスとはまた違うスクロールエフェクト MOONGIFT
パララックスエフェクトに代表されるようにスクロールで新しい視覚効果を生み出す試みがされています。単純な上下のスクロールでは得られない大きなインパクトを訪問者に与えることができます。 その新しい手法として紹介したいのがmultiscroll.jsです。スクロールによって起こる新しいエフェクトを楽しんでください。 multiscroll.jsの使い方 何はともあれ動画を見るのが一番分かりやすいかと思い... 続きを読む
厳選!WordPressのかっこいいテーマファイルを探してる人にオススメの無料テーマのまとめ | コリス
縦長の1ページコンテンツ、パララックスエフェクト、カード状のレイアウト、固定ヘッダ、ガラス越しのようなブラーエフェクトなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマファイルは全て無料で利用でき、単に見るだけでもデザインの参考になるものばかりです。 Pisces デモ スタイリッシュなデザインのレスポンシブ対応のテーマファイル。 Aquari... 続きを読む
パララックスエフェクトを使った素敵Webサイトデザイン + チュートリアルまとめPhotoshopVIP |
最近の魅力的なWebデザイントレンドのひとつとして、パララックススクロールを利用したサイトデザインが人気です。 パララックスエフェクトは、複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメーションを得意としています。また、これまで3Dエフェクトに使われていたFlashに変わる、新しい表現アイデアでもあります。 海外デザインブログSplashnol... 続きを読む
パララックスエフェクトを効果的に使った、ミニマルサイトデザインまとめPhotoshopVIP |
スクロールすることで、アニメーションエフェクトをたのしむことができる、パララックスエフェクト。最近のデザイントレンドでもあるミニマル、フラットデザインと一緒に利用することで、より繊細なうごきを表現するWebサイトが増えているようです。 海外デザインブログWebDesignLedger.comで、パララックスエフェクトを利用した、シンプルなウェブサイトデザインをまとめたエントリー「17 Inspir... 続きを読む
jQuery×HTML5×CSS3を真面目に勉強(1):パララックスエフェクトの基本 (1/4) - @IT
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55%で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間で... 続きを読む
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | クラスメソッド開発ブログ
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに – パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ... 続きを読む
Photoshop VIP ☞ ダイナミックな動きを実現、パララックスエフェクトを使ったWebサイト44個まとめ
ダイナミックなアニメーションを得意とした、パララックスエフェクト。 今年のWebデザイントレンドとしても、最近よく見かけるWebテクニックのひとつです。 海外デザインブログInspired Magで、パララックスエフェクトを利用した、クリエイティブなWebサイトデザイン44個をまとめたエントリー「44 Creative Sites with Scrolling Effect」が公開されていたので、... 続きを読む