はてなブックマーク - パララックスサイトの作り方の初歩

(閉じる)

はてなブックマーク > コンピュータ・IT > パララックスサイトの作り方の初歩｜WEB Drawer

パララックスサイトの作り方の初歩｜WEB Drawer

webdrawer.net

タグ : jQuery パララックス webデザイン javascript Web制作 css スクロール *web制作 parallax icon

コンピュータ・IT 620 users

最近パララックス（視差効果）を取り入れたサイトが増えてきました。仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないのでそちらを使ったほうが楽かもしれません。パララックス効果のjQuery プラグインまとめあと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。スクロール量を取得するまずはスクロールすると動くので、スクロール量を取... > このページを見る

最終更新時間: 2012年07月02日11時35分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

batadesu
パララックスサイトの作り方の初歩｜WEB Drawer 2012/07/05
ferias チュートリアル, jQuery, Web制作, webデザイン
オシャレ系のwebデザイナーサイトに多いパララックス（視差効果）を用いたコードと実際の動作例など 2012/07/04
toricoco
スクロール 2012/07/04
XIAORING webdesign, tutorial
parallax 2012/07/04
tatsumi_work
パララックスサイトの作り方の初歩 2012/07/03
sigta css, jQuery, webデザイン
パララックスって言います。こーゆーのってデザイン設計（？）が大変だー 2012/07/03
aretokore
>> パララックスサイトの作り方の初歩｜WEB Drawer 2012/07/03
tubaki1234
めも 2012/07/03
gigazori
Untitled 2012/07/03
tenatena ウェブ制作, jQuery, スクロール, パララックス
視覚効果を利用したウェブサイトの作り方 2012/07/03
dsuke パララックス, javascript
最後のサンプルFirefox限定か。webkitでも動くようにして欲しい 2012/07/03
towaduki
パラドックスみたい 2012/07/03
IGA-OS webデザイン
流行りもの 2012/07/03