タグ

ブックマーク / vanidesign.blog.fc2.com (2)

  • シングルページで魅せる、縦方向にパララックス効果を表現するjqueryサンプル | バニデザノート

    1ページで魅せるポートフォリオサイト風の動きのなかで 最近よく見かけるパララックス効果を採用したデザイン。 今回は縦にスクロールする際に、 スクロールの速度をレイヤーごとに調整して 視覚的に速い部分と遅い部分が起こるようなチュートリアルがありましたので 紹介いたします。 ▼One page website, vertical parallax http://www.webdesignshock.com/one-page-website/ このチュートリアルは、nike better worldというNikeのサイトから インスピレーションを受けて作成されています。 なので、こちらも見ておくことをおすすめいたします。 デモはこちらから。 大事なのは初期のBOXの定義(CSS)と それぞれのBOXがどんな動きをするのか (今回だったら特にスクロールスピード)を確認しておくこと。 いまブラウザの

    シングルページで魅せる、縦方向にパララックス効果を表現するjqueryサンプル | バニデザノート
  • これからウェブデザイナーになりたいと思っている人へのお手紙 | バニデザノート

    最近よくウェブデザイナーを目指しています!というプロフィールの twitterアカウントにフォローされることが多くなりました。 ウェブ系で働いている私としては、こうやって目指すひとが増えるのは とても嬉しいこと。 夢をみるだけでなく、会社に就職したり独立したりするまえに、 いまからできることを、書きだしてみました。 ●実際に働いているクリエイターさんのお話を聞く 当はこれが一番早いんです。 物のデザイナーさん、クリエイターさんに出会え、 物だと気がつけたら、その人についていったらいいとおもいます。 何に興味があって、何を買って、いまどんな行動をするのか。 その理由は何なのか。 行動から考えてみると、答えに近づきやすいでしょう。 ただ、ウェブデザイナーの場合、会社でおつとめしている方でも会社員よりの人 クリエイター寄りの人、アルバイト寄りのひと 楽天などで商品登録をしているひと、マーケ

    これからウェブデザイナーになりたいと思っている人へのお手紙 | バニデザノート
    demizu
    demizu 2012/01/20
  • 1