マイナビクリエータースキルアップセミナー「“Illustratorの達人に聞く” Webデザイナーのための仕事効率向上セミナー」が終了しました

参照リンク

Webで使うIllustrator

• Webで使うIllustrator（＋SVG、＋アイコンフォント） - NAVER まとめ

断片化

• 機種数3,997：「断片化」を続けるAndroid « WIRED.jp
• 1年で3倍。Androidの断片化を色別に示した図がまるでモザイク : ギズモード・ジャパン

CSS3

• CSSだけでここまでできる！キレイなボタンの作り方 | Web制作会社スタイル
• Polyfill
  • Modernizr: the feature detection library for HTML5/CSS3
    • 様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」-JavaScript Library Archive
    • Modernizrを使ってブラウザーの機能を調べるには - Build Insider
    • Modernizr を使ってブラウザの機能にあわせた CSS, JS を書く | Tips Not

SVG

• SVG 形式で書き出す方法 （Illustrator CC）
• SVGファイル大解剖 : Illustratorによる作成から、Web書き出しまで - Photoshop VIP
• Layer Exporterを使って、IllustratorのアートワークをSVG/PNG/JPEG書き出しする - DTP Transit（Illustrator, Web制作, イラレ）
• » イトウ先生のTips note【Illustrator CC】SVGのレスポンシブ機能　−株式会社ワークスコーポレーション ブログ
• ASCII.jp：SVG線画が美しいリッチアニメーションの作り方 (1/2)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン
• The Simple Intro to SVG Animation
• SVG アニメーション基礎編 (Windows)
• SVGのアニメーションで線を引く方法まとめ（IEへの対応も）｜2.IDEA
• アニメーション – SVG 1.1 （第２版）
• Webグラフィックをハックする（3）：SVGで図形やアニメを描画してみよう (1/5) - ＠IT
• SVGをIE等のブラウザ対応を考慮して使う方法まとめ（SVGのフォールバック画像など）｜2.IDEA
• SVG のフォールバックは結局 Modernizr に落ち着いた件 | WWW WATCH

Photoshop

• 「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 | Design Color
• この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」 - DTP Transit
• Photoshop の新しいプラグイン（Adobe Layer Namer、Adobe Paper Texture Pro、Watercolor Assistant J） - DTP Transit（Photoshop）
• PhotoshopとDreamweaverの新しいワークフロー　第1回：PSDファイルから効率よくデザインする2つの方法 | Adobe Pinch In
• ステップアップPhotoshop記事一覧 | Web制作の入門サイト | Adobe Pinch In

Illustrator

• Layer Exporter
• Layer Exporterを使って、IllustratorのアートワークをSVG/PNG/JPEG書き出しする - DTP Transit
• ImageOptim
• svgo-gui.app
• SVG Cleaner
• wireMagic
• Colors.alfredworkflow
• Font Awesome.alfredworkflow
• Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた - アインシュタインの電話番号
• Specctr
  • イラストレータープラグイン無料ダウンロード：自動計測「はかりや」｜イラストレータープラグイン開発・基幹システム開発ならコムネット
• 【Illustrator】オープンパスで線の位置を変更する（内側・外側）方法 チュートリアルマニアックス

シンボルフォント（アイコンフォント）

• Font Awesome, the iconic font and CSS toolkit
• 楽して便利！Webアイコンフォント『Font Awesome』の使い方と活用 Tips - HAM MEDIA MEMO
• Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた - アインシュタインの電話番号
• 「Font Awesome」をKeynoteやIllustratorで使う - outtakes
• Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる | 歴史雑談録
• IcoMoon App - Icon Font & SVG Generator
• Prefectly | deform
• CPI x CSS Nite x 優クリエイト 「After Dark」（10）フォローアップ 河村さん | CSS Nite公式サイト
• Stackicons - Icon Fonts for Web Designers
• Glasses - iconmonstr
• FontAwesomePS - Font Awesome icons right inside Photoshop.
• 『Font Awesome入門 (全7回) 』をドットインストールに追加しました #dotinstall | IDEA*IDEA

Web Fonts

• Web Fontsに関して思っていること（2012年10月） - outtakes
• 使い方・活用法 - Web Fontsって何？実用度はどのくらい？ | Adobe Creative Station
• Google Fonts
• 日本語Web Fonts
  • もじでぱ｜ウェブフォントでブログ＆ホームページの文字（フォント）を自由に変更して楽しもう♪
  • デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
  • フォントプラス
  • TypeSquare [タイプスクウェア]
• Web Fontsとツメ（自動カーニング）
  • 日本語のWebフォントを提供するFONT PLUSでは、自動カーニングを実装するスクリプトを提供しています。
    • FONTPLUS｜よくある質問 文字詰めしたいのですが。
    • FONTPLUS｜ニュース 新機能「文字詰め機能」をリリースしました！

その他

• さすが、Apple！刷新されたウェブサイトで見つけた3つのこだわりとは？ – Rriver

ビデオ

パスワードは、アンケート回答くださった方にお送りしているフォローアップメールに掲載しています。