これはすごい！スクロールすると世界が変わるカッコ良すぎるウェブサイト4選+α
こんにちは、にっしーです。 今回は衝撃を受けたスクロールデザインのウェブサイトを紹介します。 一見普通なウェブサイト。スクロールしたら世界変わります。Let's scroll!:) ※ブログ読者のみなさんに教えていただいたサイトも随時追加しています:) http://balloon.am/ http://2011.beercamp.com/ http://bloom.io/ http://www.nikebetterworld.jp/ ここから+α http://www.nintendo.com.au/gamesites/mariokartwii/ via @attripさん http://sai-zen-sen.jp/special/reddragon/ via @satorumurmurさん いかがでしたか？ 「衝撃受けた！」って人はTwitterやFacebookで拡散していただける
横スクロールのサイトデザイン
横スクロールで閲覧するサイトを作りたくなったので、iine!をそうしてみた。ブラウザが横幅8000px以上ならスクロールせずに見ることができる。Ch9とFx3.6、Sf5、Op11、IE8で確認した限りでは特に問題なさそう。手探りでHTMLとCSSを組んだのでdivがものすごく多い。 コンテンツを縦方向にセンタリング 横スクロールさせる場合、縦方向のセンタリングしておくとおさまりが良い。また視線移動もある程度抑えられると思うので、上に寄っているよりは読みやすくなりそう。CSSによる実装にはいくつか方法があるが、一番明快なdisplay: table;とdisplay: table-cell;を利用したテクニックを使った。 html { height: 100%; display: table; } body { height: 100%; display: table-cell; vert
水平スクロールをうまく使ったデザインサイト４０:phpspot開発日誌
水平スクロールをうまく使ったデザインサイトが４０種類ほどまとまったエントリのご紹介です。 使い方によってはユニークなサイトが作れそうな水平スクロールサイトのサンプルが色々あって、水平スクロールするようなサイトを作る場合のアイデアのネタ帳として活用できそうですね。 Alex Flueras 横にスクロールすると写真がズラっと出てくるＵＩでクリックするとクリックした写真にアニメーションスクロールします。 これは水平スクロールを無駄に使っていない、なかなかよいデザインだなぁと思いました。 BBH スクロールバーが出るのではなく、JavaScriptによって要素をスライドさせています。これもなかなかクールなデザインです。 スクロール部分が微妙に分かりにくい点がユーザビリティ的には良くないかもしれませんがスタイル的にはクールですね。 Chalie Gentle 上のBBHに比べて矢印が大きくて分かり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/03/27web.html
http://www.css-lecture.com/log/web-design/horizontal-scroll-website.html
