CSS Nite LP25（Shift6）
「ツールと制作環境、電子書籍2012-2013」
フォローアップ

ご参加ありがとうございました。参照リンクなどをまとめました。

制作環境

アドビ

CS6（2012年5月）

• Fireworks CS6
  • CSS3書き出し
    • [Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。
    • CSS Professionalzr
      • Fireworks CS6が書き出すCSSコードを最適化する拡張機能（ムービー）
  • CSSスプライト作成
    • CSSスプライト書き出し機能の使い方 | ADC - Adobe Developer Connection
• Dreamweaver
  • 可変グリッドレイアウト
    • サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう （1/6）：CodeZine
    • 可変グリッドレイアウトで実現するレスポンシブWebデザイン（前編） | ADC - Adobe Developer Connection
  • jQuery Mobileスウォッチ
    • Fireworks＋Dreamweaver：簡単！ jQuery Mobileのテーマ＆サイトの作成 | ADC - Adobe Developer Connection
    • 強化されたjQuery mobileサポート | Learn Dreamweaver CS6 | Adobe TV

Adobe Creative Cloud

• Adobe Creative Cloud
  • サブスクリプション：月額5000円
    • 期間限定で3000円
  • 継続する価値をアピール
    • 次期バージョンの新機能の先行実装
    • 新しいアプリ、サービスの先出し
      • 8月アップデート
        • Illustrator
          • パッケージ機能
      • 9月アップデート：
        • DreamweaverのHiDPIサポート（retina対応）
        • Edge Tools & Services
          • Edge Animate（モーション／アニメーション制作ツール）
          • Edge Reflow（レイアウトツール、発表のみ）
          • Edge Code（コーディングツール）
          • Edge Inspect（Webページのプレビュー・検証ツール）
          • Edge Web Fonts（無料のWebフォント集）
          • Typekit（有料の商用フォント集）
          • PhoneGap Build（モバイルアプリパッケージングツール）
      • 12月アップデート
        • Photoshop、IllustratorのHiDPIサポート（retina対応）※パッケージ版でも適用
          • Photoshop CS6、Illustrator CS6がRetina対応に - DTP Transit（CS6, Creative Cloud, Illustrator, Photoshop）
          • John Nack on Adobe : Photoshop CS6 13.0.1 available; update on Retina plans
          • New MacBook Pro Retina Display Support | Creative Layer
        • Photoshop CS6（v13.1）
          • CSS書き出し
          • スウォッチ読み込み
          • その他（切り抜きツールの改良、条件付きアクション）

ご参考：PhotoshopでのCSS書き出しサポート（サードパーティ）

• CSS Hat (29.99ドル)
  • PhotoshopのレイヤースタイルをCSSで再現してリアルタイムに出力してくれるプラグインCSS Hat | WebDelog
• CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

Property	CSS Hat	PsCS6 13.1	CSS3Ps
Plain CSS
CS4+ compatiblity
Instant output preview
Support for SASS, LESS,
Stylus preprocessors
Browser vendor prefixes
Customizable output
Group of layers (positioned absolutely)
Blending modes

新世代エディタ

• Coda 2
  • CSS Nite in Ginza, Vol.65「Coda 2特集」が終了しました | CSS Nite公式サイト
  • CSS Nite「After Dark」（5）フォローアップ：たにぐちまことさんのセッション | CSS Nite公式サイト
  • 効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！ | Webクリエイターボックス
• Sublime Text 2
  • CSS Nite「After Dark」（5）フォローアップ：こもりまさあきさんのセッション | CSS Nite公式サイト

メタ言語対応環境

• メタ言語
  • Sass - Syntactically Awesome Stylesheets
    • Ustream.tv: ユーザー cssnite: 小久保浩大郎：「Sass徹底解説〜SassがもたらすCSSのパラダイムシフト」其のニ/CPI x CSS Nite「After Dark」（1）, CPI x CSS Nite「After Dark」（1） 2010年5月に登場したSass3は、CSS互換...
  • LESS « The Dynamic Stylesheet language
    • ASCII.jp：CSSの記述が3倍速くなる「LESS」の使い方
  • Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+
• CodeKit
  • CodeKitで簡単にCSS Preprocessorを利用する！[to-R
• Dreamweaver
  • SassとDreamweaverのコードヒントでCSSをさらに効率的に｜linker journal｜linker

2013年1月12日（土）に開催するCSS Nite LP, Disk 26「CSS Preprocessor Shootout」、キャンセル待ちになっていますが、今のところ、キャンセル繰り上げ可能です。お早めにどうぞ。

電子書籍

• CSS Nite LP, Disk 17フォローアップ（3）境 祐司さん | CSS Nite公式サイト

デバイス

• アマゾン Kindle Fire HD と iPad mini 、Nexus 7 詳細スペック比較 - Engadget Japanese
• 8月末6万冊の約束期限に対し姑息な手段に出た楽天kobo（LM-7） - BLOGOS（ブロゴス）
• 【ついに謝罪へ】楽天、koboの書籍数水増しを公式謝罪 - NAVER まとめ
• 集中連載：おさえておきたい電子書籍・電子雑誌の今｜Adobe（アドビ)ソフト通販

CSS Nite

• 『変革期のウェブ』