Dreamweaver de HTML5 CS5 Ver.

836 views

Published on

2010年5月29日に開催されたDreamweaver Town Meeting in Tokyoで公演したスライド資料

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
836
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Dreamweaver de HTML5 CS5 Ver.

  1. 1. Dreamweaver de HTML5 5Ver. CS Akira Maruyama 2010.05.29 1
  2. 2. HTML5 Pack が発表! 2
  3. 3. HTML5 & CSS3に正式対応 Adobe Labsから機能拡張が ダウンロードできます。 Adobe Dreamweaver CS5 HTML5 Pack http://labs.adobe.com/technologies/html5pack/ 3
  4. 4. HTML5 Pack レビュー 4
  5. 5. HTML5 Pack 導入で 得られる主な機能HTML5のタグ・属性、CSS3プロパティーのコードヒントライブビューのレンダリング精度向上マルチスクリーンプレビュー 5
  6. 6. 機能1: HTML5、CSS3 コードヒント対応 6
  7. 7. DEMO 7
  8. 8. 機能2: ライブビューレンダリング精度向上 8
  9. 9. Safari (Webkit) HTML5 Pack 導入前 9
  10. 10. Safari (Webkit) HTML5 Pack 導入後 10
  11. 11. ちなみにCS4では… 11
  12. 12. こうなります… 12
  13. 13. <audio>や<video> にも対応らしい 13
  14. 14. 機能3: マルチスクリーン プレビュー 14
  15. 15. DEMO 15
  16. 16. Adobe TVのデモも ご覧くださいhttp://tv.adobe.com/watch/adc-presents/introducing-the-dreamweaver-cs5-html5-pack/ 16
  17. 17. 残念ながら、CS5のみ… 17
  18. 18. もっと贅沢を言うと…デザインビューの対応。コードヒントで出せるプロパティーの対応が不十分。opacityとかrgbaなどが出ない。HTML構文とXML構文の両対応。HTML5は2つの構文を持っている。セレクタのコードヒント対応。 18
  19. 19. まとめHTML5、CSS3のコードヒント表示が可能になります。ライブビューがかなり改善されている。マルチプレビュー機能が便利。スマートホン向けサイト制作に使えます。HTML5 Packは導入の価値あり。残念ながらCS5のみ。 19

×