パララックス(視差)効果を利用した、立体的な動きのあるサイトを作ってみます。
"Starved for Attention" has been nominated for a News and Documentary Emmy Award, a milestone recognition of an innovative form of advocacy journalism. In 2010, Doctors Without Borders/Medecins Sans Frontieres (MSF) and VII Photo launched "Starved for Attention," an international multimedia campaign to rewrite the story of childhood malnutrition. Petition signatures were collected from people arou
The Parallax scrolling effect became popular back in the day when Nike released its stunning and brilliant design website named “Nike Better World” as support to the athletes around the world. The site had achieved a lot of good reviews from different sites for its amazing Parallax scrolling effects and web design. Parallax has existed since the 1980’s and was used in video game titles and later w
After getting the request, we are going to show you how to create a “slide-in on scroll” effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. Dividing the page into a left and right side, we want to move the elemen
Meet the Hyundai Veloster: twice the car you’re used to. The style of a coupé, the functionality of a hatchback: pleasure redefined. Imagine the perfect mix: the functionality of a hatchback and the sleek looks of a coupe. The Veloster is reality of that concept. A crossover utility vehicle with a unique, innovative presence, it’s where dynamics meets practicality. 5 years unlimited warranty A 5-y
パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボックスはクリックで緑に変わりますが、IE7以下ではz-indexのバグがあるためクリックできません。 スピードや動く範囲だけなら以下のあたりを変えればいいです。 distance = 70;//マウスに対して要素が動く距離 sensitivity = 7;//感度。というか動くスピード var distHalf = distance / 2; //親要素を指定したセレクタ var parW = $
Not a long time ago parallax scrolling effect became one of the most attractive trends that now makes noise in the websites design world. Today, if you want to create a 3D effect on your web site you needn’t use Flash and video. In case you don’t know about this technique, parallax scrolling in websites design is the technique that features layered images that move around the website at different
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く