Web Designing
Java Script、パララックス効果の仕掛けがもたらす新鮮な驚き スクロール芸でサイトがもっと楽しくなる。 特集記事に掲載したスクロール芸サイトのリンク集を公開します。 誌面の解説記事だけではわからない動きの演出を、ぜひ訪問して確かめてみてください。 P056〜P057「最新・スクロール芸ギャラリー」 ikiji Web is beautiful Unfold 東京タワーズ | Tokyo Towers Soleil Noir 2012 Manufacture d’Essai Balloon TEDxPortland jitto Netlash bSeen P058〜P069「あのスクロール芸を種明かし！」 Freestyle-Night Online Portfolio von Jan Ploch レッドドラゴン（星海社「最前線」） Nike Better World Nizo 鎌倉
EAT&LEAD / Will Conscious Marunouchi – 三菱地所
ひとりひとりの、自分らしさ。 ひとりひとりの、生き方をともに考える。 東京・丸の内から。
流行のjQueryでスクロールするサイトを集めてみました
jQueryでコンテンツをスクロールさせる海外サイトを最近見るのですが、あれはかっこいいですね。そこで、今回の記事では、jQueryでコンテンツをスクロールさせているサイトをいくつか紹介しつつ、このタイプのサイトに特有の問題についても触れてみたいと思います。 はじめに コンテンツをスクロールバーではなく、JavaScriptでスクロールさせる場合、ブラウザのスクロールバーが出ないため、「ブラウザからはみ出るコンテンツをどのように扱うか」の課題に直面します。以下のサイトで、この問題をどのように解決しているかにも、注目して見てください。 01. Reverse Büro 自由自在に縦、横方向にスクロールします。マウススクロールにも対応しています。コンテンツ自体がブラウザ幅に合わせて拡大・縮小するのでスクロールは必要ないですね。写真だけのサイトでは、こういった解決策もアリなんだと思います。 ※サ
シングルページで魅せる、縦方向にパララックス効果を表現するjqueryサンプル | バニデザノート
１ページで魅せるポートフォリオサイト風の動きのなかで 最近よく見かけるパララックス効果を採用したデザイン。 今回は縦にスクロールする際に、 スクロールの速度をレイヤーごとに調整して 視覚的に速い部分と遅い部分が起こるようなチュートリアルがありましたので 紹介いたします。 ▼One page website, vertical parallax http://www.webdesignshock.com/one-page-website/ このチュートリアルは、nike better worldというNikeのサイトから インスピレーションを受けて作成されています。 なので、こちらも見ておくことをおすすめいたします。 デモはこちらから。 大事なのは初期のBOXの定義（ＣＳＳ）と それぞれのＢＯＸがどんな動きをするのか （今回だったら特にスクロールスピード）を確認しておくこと。 いまブラウザの
Alex Buga's Livingroom
About me About me Hi there, My name is Alex Buga, I’m from Bucharest, Romania and I am a design-addict - in the good way. (Voices: “Helloooo Aleeeex !”) I was the Creative Director at MB Dragan, an interactive agency based in Bucharest and I can tell you: It was the most fun place to work at. Experience I have an over 7 years background in webdesign in which I had the chance to gain experience and
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
可変グリッドレイアウトなWebデザイン集めてみました