PLUS ONE DAYに出演しました（鷹野 雅弘） #createnowjp
11月8日、JPタワー（東京・丸の内）で開催されたCREATE NOW / PLUS ONE DAYに鷹野 雅弘（スイッチ）が出演しました。
「画像をなるべく使わずにWebをレイアウトするテクニック」と題して、CSS3のプロパティ、Illustrator CC/Photoshop CCからのCSS書き出し、Typekitを使ったWeb Fontsの実装についてデモを交えて解説。
スライド
参照リンク
- HTML5 & CSS3 Web Design
- 「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 | Design Color
- Typekitのフォントがデスクトップ用アプリケーションで使える！Creative Cloudのフォント同期機能を試す - フォントブログ
- Web Fontsに関して思っていること（2012年10月）
- この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」 - DTP Transit
- 『ロールオーバー今昔物語』CSS Nite in OSAKA, Vol.17サポートページ
- 透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた | THE HAM MEDIA BLOG
- 必読！デザインの新トレンド「ロングシャドウデザイン」 | 独学Webデザイナーの覚書
- 今流行のフラットデザインに一工夫！ロングシャドウ作成ツールまとめ | 株式会社LIG
- box-shadowを極める ::: 0から目指すWebマスター
- How to Add Drop Shadows with CSS3 (Windows)
- IE8以下を切り捨てれば使える便利なCSSプロパティー＆セレクター | Webクリエイターボックス
スライド（動画バージョン）
セッションでは、これに加えて、デモ的なものがありました。
PlusOneDay-takano-v4 from swwwwitch on Vimeo.
追記（2013年11月13日）：
今回のセッションでは、ネガティブ情報／バグ情報などを一切盛り込んでいませんが、IllustratorのCSS書き出しは、実作業では、あまり出番がなさそうに思います。
- Illustrator CCのCSS書き出しオプション - DTP Transit（CC, Illustrator, Web制作）
- Illustrator CCのCSS書き出しのバグ - DTP Transit
追記（2013年11月14日）：
マイナビニュースで取り上げていただきました。
© Swwwitch, Inc. Some rights reserved.