タグ

ブックマーク / tadashiku.jp (1)

  • 日産NOTE・ユニクロPinterestに学ぶ「ついつい、最後まで見てしまう」ウェブデザインの仕掛け

    このサイト、Twitterでは日国内外のウェブデザイン界隈で話題になっているようで、 「スクロールするという身体的な心地よさ×最後まで見たいという欲求。」 「Nissan’ın Note için tasarladığı inanılmaz internet sitesi」(トルコ語) 「Awesome Web hack」 と、ウェブデザインのプロの目も引くクオリティーだったようです。素晴らしいですね。 スクロール連動のコマ撮り、可能にしたのは「スクロールを操るjavascriptライブラリjquery-mousewheel」 では、このコマ送りスクロールサイトはどのように作られているのか。サイトの裏側を見てみましょう。今回はHTMLファイルの裏側を紹介します。 ページ内の一コマです。 大きく分けて、今回の表現のポイントは2つです。 ・コマ切れにした画像の配置 ・スクロールの制御によるコ

  • 1