about sekai-in-the-box

２０１３ /１０ /２１

Sekai-In-The-Box !　のご紹介

ポートフォリオサイトって、

はじめに

• ポートフォリオサイト とは

はじめに

• ポートフォリオサイト とは–自分の作品やソーシャルアカウントのご案内ページ

※ポートフォリオ：特定の資料や情報を指すために使用される。例えば、･･･Webデザイナーのポート

フォリオ、芸術家のポートフォリオ 等々が該当する。（Wikipediaより引用）

はじめに

• ポートフォリオサイト とは–こういう感じ

はじめに

• ポートフォリオサイト とは–こういう感じ

こんなソーシャルサービスも最近出来た（ forkwell）

でもね、、

でもね、、

•もっと面白いポートフォリオサイトがいい！

コンセプト

•こんな作品がいい–見た人に温度（感動）を与える、–どんな人でも楽しめる、–元気の出るもの。

コンセプト

•こんな作品がいい–見た人に温度（感動）を与える、–どんな人でも楽しめる、–元気の出るもの。

→作ってみました

Sekai-In-The-Box!

Sekai-In-The-Box!

•見ていて元気のでるデザイン（爽快な青空をイメージ）•UI・操作の楽しさ•「インタビュー」形式（押し付けがましくない自己主張って？）•非エンジニアにも楽しんでもらう（技術軸に始終しない）

技術的には？•ｊQueryを利用した DHTML•保守容易性

•アニメーション前後の分離•コンテンツはインクルード

•サイト高速化処理•キャッシュ期間からみたWebフォントの選定•画像統合・スプライト•アクティブリクエスト（Giｔ HubAPIによるコミット情報取得）

技術的には？

青とオレンジは補色の関係明度・彩度に差をつけることで、なじみつつもアクセントのある表現に

•ｊQueryを利用した DHTML•保守容易性

•アニメーション前後の分離•コンテンツはインクルード

•サイト高速化処理•キャッシュ期間からみたWebフォントの選定•画像統合・スプライト•アクティブリクエスト（ Giｔ HubAPIによるコミット情報取得）

•配色は色彩学の知識に基づく

反響･･･？

こんなお手紙も･･･

こんなお手紙も･･･

掲載にあたり許可は頂いています　 :)

END？

END

END？

END

　　　　・・・ and

Start！

http://sekai-in-the-box.appspot.com/