Dreamweaver CS5.5でワークフローはどう変わるのか?

3,123 views

Published on

2011年6月23日(木)、アップルストア銀座で開催したCSS Nite in Ginza, Vol.57での鷹野 雅弘(スイッチ)のセッション。

Published in: Design
1 Comment
4 Likes
Statistics
Notes
  • 参照リンク

    ・画像を一切使わずにCSS3だけでドラえもんを描いてみた! - 裏技shop DD
     http://shopdd.blog51.fc2.com/blog-entry-932.html
    ・Validator for Dreamweaver CS5(DWCS5用の拡張機能)
     http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2188524
    ・ベンダープリフィックス付きのプロパティはまだ必要なのか?(2)
     『効率的なサイト制作のためのDreamweaverの教科書』サポートサイト
     http://dreamweaver.cc/blog/archives/post_107.html
    ・今すぐ始めようスマートフォン & タブレット対応
     http://adobe-html5.jp/
    ・『効率的なサイト制作のためのDreamweaverの教科書』(CS5.5対応・改訂版)サポートサイト
     http://www.facebook.com/DreamweaverCS5.5Book
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,123
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
27
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Dreamweaver CS5.5でワークフローはどう変わるのか?

  1. 1. Dreamweaver CS5.5
  2. 2. 4 MX 8 CS3 CS4 CS5 CS5.5
  3. 3. CS5 CS5.5
  4. 4. Web Premium Web Premium retail upgrade $1,799 $399 150,181 33,309 1 =83.48
  5. 5. Web Premium Web Premium retail upgrade $1,799 $399 150,181 33,309 236,250 58,800 157% 177%
  6. 6. HTML5CSS3
  7. 7. HTML5
  8. 8. HTML5 Pack 11.0.3
  9. 9. HTML5 PackHTML5CSS3
  10. 10. HTML5 PackCSS3video/audio CSS3 - shop DD http://shopdd.blog51.fc2.com/blog-entry-932.html
  11. 11. HTML5 PackHTML5CSS3 CSS3 video/audio
  12. 12. DWCS4 Dreamweaver Firefox Web Developer W3C DWCS5 Validator for Dreamweaver CS5DWCS5.5 W3C
  13. 13. CSS
  14. 14. CSS
  15. 15. CSSCSS
  16. 16. CSSCSSCSS
  17. 17. BrowserLab
  18. 18. ≠BrowserLab
  19. 19. BrowserLab
  20. 20. o≠⁄ CS4BrowserLab
  21. 21. Dreamweaverborder-radius text-shadow Firefox 3.6 IE9 text-shadowSafari 5 box-shadow
  22. 22. BrowserLab CS5
  23. 23. DwCS5
  24. 24. BrowserLab a+s+
  25. 25. BrowserLab
  26. 26. Mac/Windows
  27. 27. BrowserLab
  28. 28. BrowserLab{ }
  29. 29. BrowserLab{ }
  30. 30. AB cf.C
  31. 31. ABC
  32. 32. <link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" ><link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" ><link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 911px)" >
  33. 33. <link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" ><link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" ><link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 911px)" >
  34. 34. 320 910iphone.css tablet.css desktop.css
  35. 35. Dreamweaver CS5.5
  36. 36. <link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" ><link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" ><link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 911px)" > iphone.css tablet.css desktop.css
  37. 37. <link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" ><link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" ><link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 911px)" > iphone.css tablet.css desktop.css
  38. 38. iphone.css tablet.css desktop.css
  39. 39. <link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" ><link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 910px)" ><link href="css/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 911px)" >@import url("phone.css") only screen and (max-width:480px);@import url("tablet.css") only screen and (min-width:481px) and (max-width:768px);@import url("desktop.css") only screen and (min-width:769px);
  40. 40. <meta name="viewport" content="width=device-width">
  41. 41. HTML5+CSS3{ } 5.5jQuery MobilePhoneGap
  42. 42. 2011 8
  43. 43. http://www.facebook.com/DreamweaverCS5.5Book
  44. 44. twitter: @swwwitchtakano@swwwitch.com

×