どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス

2018/05/18 250 users モーダル コリス アコーディオン スライダー サムネイル

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む

multiscroll.js - パララックスとはまた違うスクロールエフェクト MOONGIFT

2014/06/12 55 users パララックス MOONGIFT スクロール 上下 インパクト

パララックスエフェクトに代表されるようにスクロールで新しい視覚効果を生み出す試みがされています。単純な上下のスクロールでは得られない大きなインパクトを訪問者に与えることができます。 その新しい手法として紹介したいのがmultiscroll.jsです。スクロールによって起こる新しいエフェクトを楽しんでください。 multiscroll.jsの使い方 何はともあれ動画を見るのが一番分かりやすいかと思い... 続きを読む

厳選！WordPressのかっこいいテーマファイルを探してる人にオススメの無料テーマのまとめ | コリス

2014/05/29 117 users コリス ブラーエフェクト 固定ヘッダ WordPress デモ

縦長の1ページコンテンツ、パララックスエフェクト、カード状のレイアウト、固定ヘッダ、ガラス越しのようなブラーエフェクトなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマファイルは全て無料で利用でき、単に見るだけでもデザインの参考になるものばかりです。 Pisces デモ スタイリッシュなデザインのレスポンシブ対応のテーマファイル。 Aquari... 続きを読む

パララックスエフェクトを使った素敵Webサイトデザイン + チュートリアルまとめPhotoshopVIP |

2013/12/13 95 users パララックススクロール Flash 奥行き アニメーション

最近の魅力的なWebデザイントレンドのひとつとして、パララックススクロールを利用したサイトデザインが人気です。 パララックスエフェクトは、複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメーションを得意としています。また、これまで3Dエフェクトに使われていたFlashに変わる、新しい表現アイデアでもあります。 海外デザインブログSplashnol... 続きを読む

jQuery×HTML5×CSS3を真面目に勉強（1）：パララックスエフェクトの基本 (1/4) - ＠IT

2013/03/22 524 users jQuery クラスメソッド フロントエンドエンジニア 山田

jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間で... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 ｜ クラスメソッド開発ブログ

2012/10/16 761 users パララックス parallax HTML ディ 視界

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに – パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ... 続きを読む

Photoshop VIP ☞ ダイナミックな動きを実現、パララックスエフェクトを使ったWebサイト44個まとめ

2012/05/17 75 users アニメーション エントリー Photoshop Vip 実現

ダイナミックなアニメーションを得意とした、パララックスエフェクト。 今年のWebデザイントレンドとしても、最近よく見かけるWebテクニックのひとつです。 海外デザインブログInspired Magで、パララックスエフェクトを利用した、クリエイティブなWebサイトデザイン44個をまとめたエントリー「44 Creative Sites with Scrolling Effect」が公開されていたので、... 続きを読む