ご質問いただいたので、これまで開催したCSS Nite LPを、改めてまとめてみました。LPは、主に土曜日などに開催するCSS Niteのロングバージョンの開催の名前です。

★は再演版。これまでに再演されたのは「Coder's Higher」 、「スマートフォン特集（1）iPhone/iPad編」、「アクセス解析：事例紹介とGoogleアナリティクス新機能」。また、「UI/UX」再演版が4月に開催予定です。

• LP1（ブラウザ、2006年10月）
• LP2 "Dreamweaver CC"（Dreamweaver、2006年12月）
• LP3 "Coder's High"（コーディング/マークアップ、2007年5月）
• LP4 "Web Directions NEXT"（Webディレクション、2007年10月）
• MT4LP5（企業サイト構築におけるCMSとしてのMovable Type、2008年4月）
• LP6「CMSリベンジ編」 （国産CMS、2009年6月）
• LP7「IAスペシャル」 （IA「情報アーキテクチャ」、2009年9月）
• LP8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」 （2010年1月）
• LP9「Coder's Higher」 （2010年4月開催）
• LP9.2 reprise（再演版） （2010年6月開催）★
• LP10「SEOの棚卸し」 （2010年7月開催）
• LP11「Designer's High」Part 1 （2010年10月開催）
• LP12「Designer's High」Part 2 （2010年11月開催）
• LP13：スマートフォン特集（1）iPhone/iPad編（2011年1月開催）
• LP13：reprise（再演版） （2011年2月開催）★
• LP14：Photoshopper meets Fireworks （2011年3月開催）
• LP15：ソーシャルメディア特集（2011年5月開催）
• LP16：スマートフォン特集（2）Android編（2011年6月開催）
• LP17：HTML5による電子書籍（2011年9月開催）
• LP18：その先にあるjQuery（2011年9月開催）
• LP19：「アクセス解析：事例紹介とGoogleアナリティクス新機能」（2011年10月開催）
• LP19 reprise（再演版）（2011年10月開催）★
• LP20：Webデザイン行く年来る年（Shift6）（2011年12月開催）
• LP21：フォント、タイポグラフィ、組版、Web Fonts（2012年2月開催）
• LP22「Webデザインで使うPhotoshop」（2012年3月開催）
• LP23「表示速度改善」（2012年6月開催）
• LP24「インハウスSEO」（2012年9月開催）
• LP25：Webデザイン行く年来る年（Shift6）（2012年12月開催）
• LP26「CSS Preprocessor Shootout」（2013年1月開催）
• LP27「スマートフォン対応サイト制作（3）」（2013年5月開催）
• LP28「仕事とお金の話」（2013年7開催）
• LP29「In-house SEO」（2013年9月開催）
• LP30「仕事とお金の話」（2013年10月開催）
• LP31「Webデザイン行く年来る年（Shift7）」（2013年12月開催）
• LP32「Sass」（2014年2月開催）
• LP33「UI/UX」（2014年3月開催）
• LP34「Webデザインで使うPhotoshop」（2014年4月開催）
• LP33「UI/UX」再演版（2014年4月26日開催）★

2014年2月19日、KDDIウェブコミュニケーションズ セミナールーム（麹町）にてCPI x CSS Nite「After Dark」（7）を開催します。

今回は『Webで使うIllustrator、そして明日から使うSVG』と題して、次のような構成でお送りします。

Webで使うIllustrator（鷹野パート）

• Fireworksの後継としてIllustratorが有力なワケ
• ビットマップを扱うこともあるので、 Illustratorを使う上でおさえておきたいお作法
• 使いこなしたい「アートボード」

SVGを使う上でぶつかる壁、ありがちな疑問（鷹野+松田）

• background-imageにも対応できる？
• Dreamweaverでプレビューできる？
• サイズをしていないといけないと思うんだけど、ピクセル指定したときretinaだとどうなるの？
• マウスオーバーに対応できる？不透明度下げるとか
• CSS Spriteに対応できる？
• 書き出したら、PNGの倍くらいのファイルサイズになってしまった...
• フォールバックはどうしたらいいの？

SVGマニアック（松田パート）

• SVGを効果的に使っているサイト
• インラインSVGと外部参照の違い
• SMILアニメーション、DOMアニメーション、CSSアニメーション
• SVGを使う際に便利なライブラリ等

2013年3月21日（木）、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.68のフォローアップとして、狭間 句美さん（ふわっと）、森 和恵さん（r360studio）の『仕事で使える、アイコン作画のコツとSVG変換のススメ』のスライドを公開します。

AQUENTが主催するセミナー「Adobe CS6で学ぶ、今、身に付けておきたいWebサイト制作スキル」が、大阪、名古屋、福岡で開催されます（都内版は終了）。

大阪（6月3日10:30-12:00）、福岡（6月16日13:30-15:00）のみ残席わずか、残りは満席になっています。

>アドビ社からCreative Suiteシリーズの新バージョン「CS6」が発表されました。 Dreamweaver CS6やFireworks CS6に搭載された新機能は、スマートフォン、マルチデバイス対応など、Webサイトの制作現場で求められている新技術の実装を容易にするものが多く含まれています。

スマートフォン対応には、デバイスの横幅に応じて異なるレイアウトを適用する「レスポンシブWebデザイン」、JavaScriptフレームワークのモバイル版である「jQuery Mobile」の2つのアプローチが注目されています。

Dreamweaver CS6には「レスポンシブWebデザイン」対応のサイト制作を容易にするための「可変グリッドレイアウト」や、jQuery Mobileのテーマを視覚的に適用する「jQuery Mobileスウォッチ」などの機能が、Fireworks CS6では、jQuery Mobileテーマを作成したり、CSS Spriteを書き出す機能が強化されています。

さらにスマートフォン対応で忘れてならないこととして、CSS3の利用によって画像を減らし、読み込み速度を上げることです。Fireworks CS6では、角丸、ドロップシャドウ、グラデーションなどをCSS3のコードとして書き出すことができます。

このように、Dreamweaver CS6/Fireworks CS6のは、これからのWebデザインを行う上で生産性を上げるために必須のツールとなりつつあります。

そこでエイクエントは、CSS Niteの主宰者としてお馴染みの鷹野さんをお招きし、今身に付けておきたいWebサイト制作スキルを、Dreamweaver CS6 / Fireworks CS6を使ってデモンストレーションしていただきます。

Webサイト制作に携わる多くの方のご参加をお待ちします。

2012年5月17日（木）19:00-20:00、アップルストア銀座 3FシアターでCSS Nite in Ginza, Vol.63を開催します。

Dreamweaver CS6、Fireworks CS6、および、Adobe ProtoをはじめとするTouch Apps（タブレット用のアプリ）のWeb制作への活用について、アドビUSからゲストを迎え解説いただく予定です。

• Webサイトビルダー、Webサイト開発ソフトウェア | Adobe Dreamweaver CS6 - 機能
• Webデザイングラフィックス、3Dレンダリング | Adobe Fireworks CS6 - 機能
• Adobe Protoアプリケーション - ワイヤフレームとプロトコルを作成する新しいタッチアプリケーション

現在、Facebookにて仮登録を受付中です。