渋谷で平日夜に開講している、主に社会人向けのWebデザインスクールです。

デザインの基礎知識、Photoshop によるWebデザイン制作、Dreamweaver による HTML/CSSコーディングまで教えています。

Webデザインをはじめて学ばれる方、基礎を復習したい方に向いている内容です。

Photoshop
Illustrator

Photoshop は、一般の解説書だと写真編集用の環境設定や操作について解説しているものが多いですが、このスクールではWebデザインに特化した環境設定や操作について解説します。

Illustrator は、アイコン・ピクトグラム・イラスト制作などに向いています。Webデザインで使用するアイコンの制作などは Illustrator で制作します。

Stocker.jp / diary

主にWebデザイン・Web技術について書いているブログです。

「見やすいブログとはどんなブログか」ということを1から考え、トップページを新聞記事のように配置し、はてなブックマーク数を表示することで記事の重要度を表しています。

このブログは WordPress で構築し、jQuery で見出しの文字詰めなどを調整しています(Mac のみ)。

Stocker.jp / diary
Croppy

はてなブックマーク数はAPIを使ってブックマーク数を取得し、MySQL にキャッシュしています。

Stocker.jp / diary は、はてなブックマーク数で日本のブログの上位 0.05% 以内に入っています。

フッターもひと工夫しています。ぜひ下までご覧ください。

Webデザインや配色をサポートする新サービス | Croppy

Webデザインや配色をサポートするWebサービスです。

「ヘッダー」「サイドバー」などパーツ別に分けられたWebデザインパーツを見れるだけでなく、今見ているページをブラウザ上で切り抜き、手軽にスクラップできるのが最大の特徴です。

切り抜かれたパーツに含まれる配色を分析したり、好きな色を指定すると補色、類似色、その色が使われたパーツを見ることも出来ます。

Croppy
Croppy

ブックマークレットをクリックすると、見ているページの一部を Photoshop の切り抜きツールのように切り抜いて投稿することができます。

切り抜かれたパーツに含まれる色を分析する機能もあります。

このサービスはWordPressで構築しました。

フリー写真素材 :: Free.Stocker

日本やイタリアのフリー写真素材が20GB以上あり、リンク不要、著作権表示も不要で商用利用OKの無料素材集です。

殆どの写真素材は私が撮影したもので、WordPressを使ってギャラリーサイトを制作しました。

日本語だけでなく英語版も制作し、文言や写真タイトル等はフィリピン大学の方と協力して翻訳しました。

CSS3によるアニメーションを積極的に取り入れ、Twitter、Facebookとの連携にも対応しています。

Free.Stocker
Free.Stocker

日本語版と英語版はサブドメインは異なりますが、1つのデータベースで運用しています。

Free.Stocker

専用のFacebookページもあり、ウォールの内容がサイトのフッターに出るようにしています。

イタリア旅行記 Caffè Laguna

WordPressで制作したブログです。イタリア旅行の際の出来事や写真を掲載しています。

イタリア北部の港町ヴェネツィアをイメージした、クラシックでナチュラルなデザインを心がけました。

グローバルメニューは、マウスホバー時にふわっとアニメーションするようJavaScript(jQueryライブラリ)を使用しています。

国内外のWordPressサイトを紹介する、かちびとさんの WP Design Gallery でも取り上げられました。

グローバルメニューは、マウスホバー時にふわっとアニメーションするようJavaScript(jQueryライブラリ)を使用しています。

私が過去に製作した3DCGやフォトコラージュを掲載するコーナーもあります。

仕事での制作実績についてはこちらのページをご覧ください。