Adobe Dreamweaver CS5 Embraces HTML5 and CSS3
As reported earlier here and here, and contrary to what some rabble-rousers might want you to believe, Adobe very much wants to be a big part of the future of HTML5… As the leading provider of web development tools, Adobe needs to be the leading provider of whatever the future of web development tools is, else they lose their relevancy. And they just took a big first step with the official announcement of the free HTML5 Pack for Dreamweaver CS5, which was tipped at an Adobe Evangelist Q&A session last month…
While HTML5 and CSS3 won’t be finalized for some time, this extension provides initial support in Dreamweaver CS5 for a set of currently-implemented functions, helping you easily create HTML5 pages and CSS3 styles. It introduces great features like multiscreen preview (which lets you see what your web page will look like on phones, tablets, and desktop computers simultaneously within Dreamweaver), HTML5 and CSS3 code hinting, video and audio tag support in Live View, and even a few HTML5-compliant starter layouts to get you up and running with HTML5 layouts quickly.
If you’ve been tuned into the technology news lately, you’ll know these sorts of improvements mark a great advance for Dreamweaver users working in this fast-changing world of smartphones and other portable devices. Although their specifications are still being finalized, HTML5 and CSS3 can be used with any browser that currently supports them. The most recent versions of the leading browsers (Safari, Firefox, Opera, Internet Explorer, Chrome) support at least some (a few support many) HTML5 and CSS3 features.
Here’s a complete list of available resources for these new capabilities, available immediately:
- Download: Adobe Dreamweaver CS5 HTML5 Pack
- Article: Using the HTML5 Pack for Dreamweaver CS5
- Discussion Forum: The Dreamweaver CS5 HTML5 Pack
- Demo Video:
Adobe Creative Suite 5 Is Now Shipping!
Yes, CS5 is out! It looks like a phenomenal release, and we have full coverage – including new products, pricing, configurations, system reqs, videos, “what’s new” feature lists, and more:
- Creative Suite 5 Product Overview

- CS5 Full Product Configuration Matrix
- CS5 Complete System Requirements
- CS5 Pricing for Commercial and Education
- What’s New in Photoshop CS5

- What’s New in Dreamweaver CS5

- What’s New in Illustrator CS5

- What’s New in InDesign CS5

- What’s New in Flash Pro CS5

- All About New Flash Catalyst CS5

- What’s New in Contribute CS5
- What’s New in Premiere Pro CS5

- What’s New in After Effects CS5

ALL CS5 products are immediately available for purchase and instant download, with free shipping on all Adobe orders over €500/£350 in Europe and the U.K. (no coupon or promo code is required)…
On Adobe’s site: If you’re considering upgrading from your current software, here’s a helpful upgrade guide. Also new is an excellent FAQ covering purchasing policies and key product changes… The online documentation for all CS5 products also just went up.
Lastly and importantly, the CS5 free trial downloads and Student and Teacher Editions
(up to 80% off) are also now available!
[UPDATE (May 13th) – Adobe CS5 is now shipping and downloadable in 16 languages: English, French, German, Japanese, Spanish, Portuguese, Italian, Dutch, Danish, Swedish, Norwegian, Finnish, Czech, Polish, Russian, and Korean.]
Three Dreamweaver CS5 (?) “Sneak Peek” Videos
[UPDATE (May 21st) – More details on the new support in Dreamweaver CS5 for HTML5 here.]
Over the past three days Adobe has quietly released several “preview” videos of future technology in Dreamweaver… Now just as with the sneak-peek Photoshop videos posted last week, there are no assurances on exactly which version of Dreamweaver or when – but considering that CS5 could be coming out fairly soon, we could be seeing some of these new technologies in CS5. But even if not, they are rather impressive…
The first video below covers a very cool new “Smart Paste” command that makes it a snap to bring vector designs (such as artwork from Illustrator) directly into HTML – as simple as copy and paste.
The second one delves into support for multiscreen authoring with HTML5 and CSS3, and so might be considered more in the “emerging” department… This one is a big challenge for designers especially as varied mobile devices become increasingly more prevalent on the web.
The last video comes from the new “CSbuzz” hub site that launched last week, and is a little tease on significant improvements when working in Dreamweaver with dynamic material such as PHP, which historically hasn’t been as handy.
For best viewing, click the expand icon after pressing play on each thumbnail for full-screen HD:








