Webデザインスクール・Web制作ブログ・Web系書籍執筆などを行うStocker.jpのポートフォリオ
渋谷で平日夜に開講している、主に社会人向けのWebデザインスクールです。
デザインの基礎知識、Photoshop や Illustrator によるPC・タブレット・スマートフォン対応のWebデザイン制作、別途レスポンシブWebデザインによる HTML/CSSコーディングまで教えています。
Webデザインをはじめて学ばれる方から、スキルアップを目指す方まで通われています。
Photoshop は、一般の解説書だと写真編集用の環境設定や操作について解説しているものが多いですが、このスクールではWebデザインに特化した環境設定や操作について解説します。
Illustrator は、アイコン・ピクトグラム・イラスト制作などに向いています。Webデザインで使用するアイコンの制作などは Illustrator で制作します。
主にWebデザイン・Web技術について書いているブログです。
「見やすいブログとはどんなブログか」ということを1から考え、トップページを新聞記事のように配置し、はてなブックマーク数を表示することで記事の重要度を表しています。
このブログは WordPress で構築し、jQuery で見出しの文字詰めなどを調整しています（Mac のみ）。
はてなブックマーク数はAPIを使ってブックマーク数を取得し、MySQL にキャッシュしています。
Stocker.jp / diary は、はてなブックマーク数で日本のブログの上位 0.05% 以内に入っています。
フッターもひと工夫しています。ぜひ下までご覧ください。
Webデザインや配色をサポートするWebサービスです。
「ヘッダー」「サイドバー」などパーツ別に分けられたWebデザインパーツを見れるだけでなく、今見ているページをブラウザ上で切り抜き、手軽にスクラップできるのが最大の特徴です。
切り抜かれたパーツに含まれる配色を分析したり、好きな色を指定すると補色、類似色、その色が使われたパーツを見ることも出来ます。
ブックマークレットをクリックすると、見ているページの一部を Photoshop の切り抜きツールのように切り抜いて投稿することができます。
切り抜かれたパーツに含まれる色を分析する機能もあります。
このサービスはWordPressで構築しました。
日本やイタリアのフリー写真素材が20GB以上あり、リンク不要、著作権表示も不要で商用利用OKの無料素材集です。
殆どの写真素材は私が撮影したもので、WordPressを使ってギャラリーサイトを制作しました。
日本語だけでなく英語版も制作し、文言や写真タイトル等はフィリピン大学の方と協力して翻訳しました。
CSS3によるアニメーションを積極的に取り入れ、Twitter、Facebookとの連携にも対応しています。
WordPressで制作したブログです。イタリア旅行の際の出来事や写真を掲載しています。
イタリア北部の港町ヴェネツィアをイメージした、クラシックでナチュラルなデザインを心がけました。
グローバルメニューは、マウスホバー時にふわっとアニメーションするようJavaScript（jQueryライブラリ）を使用しています。
グローバルメニューは、マウスホバー時にふわっとアニメーションするようJavaScript（jQueryライブラリ）を使用しています。
私が過去に製作した3DCGやフォトコラージュを掲載するコーナーもあります。