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

1. Dreamweaver CS5.5

2. 4 MX 8 CS3 CS4 CS5 CS5.5

3. CS5 CS5.5

6. Web Premium Web Premium
retail upgrade
$1,799 $399
150,181 33,309
1 =83.48

7. Web Premium Web Premium
retail upgrade
$1,799 $399
150,181 33,309
236,250 58,800
157% 177%

9. HTML5
CSS3

10. HTML5

11. HTML5 Pack
11.0.3

12. HTML5 Pack
HTML5
CSS3

13. HTML5 Pack
CSS3
video/audio
CSS3 - shop DD
http://shopdd.blog51.fc2.com/blog-entry-932.html

14. HTML5 Pack
HTML5
CSS3
CSS3
video/audio

16. DWCS4 Dreamweaver
Firefox
Web Developer
W3C
DWCS5
Validator for Dreamweaver CS5
DWCS5.5 W3C

17. CSS

18. CSS

19. CSS
CSS

22. CSS
CSS
CSS

24. BrowserLab

26. ≠
BrowserLab

27. BrowserLab

28. o≠⁄
CS4
BrowserLab

31. Dreamweaver
border-radius text-shadow
Firefox 3.6 IE9 text-shadow
Safari 5 box-shadow

32. BrowserLab
CS5

33. DwCS5

34. BrowserLab a+s+

35. BrowserLab

38. Mac/Windows

40. BrowserLab

43. BrowserLab
{ }

48. BrowserLab
{ }

49. A
B cf.
C

50. A
B
C

54. <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)" >

55. <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)" >

56. 320 910
iphone.css tablet.css desktop.css

60. Dreamweaver CS5.5

61. <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

62. <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

63. iphone.css tablet.css desktop.css

64. <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);

71. <meta name="viewport" content="width=device-width">

73. HTML5+CSS3
{ }
5.5
jQuery Mobile
PhoneGap

75. 2011 8

76. http://www.facebook.com/DreamweaverCS5.5Book

77. twitter: @swwwitch
takano@swwwitch.com