タグ

ブックマーク / design.kayac.com (5)

  • 縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個!

    HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ

  • CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件

    jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…!」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは!」と思った作品をピックアップして紹介したいと思います。(コンテストの審査とは関係ないですよ!) CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい!:forked: CSSで必殺技! - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技!第2弾! - jsdo.it - share JavaScript, HTML5 a

    hitode909
    hitode909 2011/12/13
    おもしろい
  • HTML5花火大会から学ぶcanvasの表現力

    HTML5花火大会が始まりました! jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています! 当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ? javascriptから自由にグラフィックを描画できる要素です。 以下のエントリーにわかりやすくまとまっています。 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル(かつ動的な)表現が行えるわけです。 今更聞けないcanvasの基礎の基礎 canvasで花火を描くには? 花火のお手コードから見ていきま

    hitode909
    hitode909 2011/07/07
    おもしろい
  • 初めての企画書が、最終選考に残った アイデアの出し方

    販促会議賞という企画コンペに出させていただき、ファイナリストに残ることが出来ました! 職デザイナーが、どうやって考えて企画を立てたか。思考の足跡をつらつらと書きます。 ちなみに出した企画はこちら。 ただいまWeb投票もしているので、企画見てオモロイ!と思った方は、ぜひ投票お願いしまーす! まずは販促会議賞ってなに?という人にご説明。 販促会議賞は、いろんな企業から「この商品の販促アイデアを考えて下さい」という感じでお題が出され そのどれかに応募するというものです。 企画をパワーポイントにA4サイズ10枚以内で、容量は5MB以内にまとめてくださいというルール。 誰でも参加可能、いくつでも提出OKです。 今回は、全27社から28課題出てました。 1.まずやったこと どうしたら勝てるか研究しました。 販促会議賞は第2回目だったので、1回目の受賞作品をざざっと拝見。 思ったこと 第1回の優勝者、

    hitode909
    hitode909 2011/04/20
  • 卒制採用にのっかって「コーディング推薦」やります!就活よりコーディングを頑張ったあなたを推薦します!

    卒制に打ち込んでいた学生の皆さんにぜひぜひ応募していただきたいと思っています! とはいえ、、、 ME志望の学生さんの中には 「学生時代は三度の飯よりコーディングに打ち込んでました」という方もいるのでは・・・! ぜひとも、そういう学生さんにもエントリーしてほしい・・・! ということで、担当にかけあってきました! 「卒制採用」とは、あくまで別軸ですが、特別に「コーディング推薦」を行います! 就活よりコーディングを頑張ったあなたを推薦します!「コーディング推薦」! 対象は 2011年3月に卒業予定の方 jsdo.itで「課題」に挑戦していただきます(課題については後ほど説明します) 卒制採用のページから、作品のURLを添えてエントリーしてください。希望職種の欄には「意匠部(ME課・コーティング推薦)」とご記入ください 集まった作品をME課のみんなで見させていただき、「これは!!」という作品を投稿

    hitode909
    hitode909 2011/01/27
  • 1