Comments There has been a lot of talk about moving the web forward. It’s a great message and something that is difficult to argue with. Of course we all want to move the web forward, but what is most interesting is where the web has moved — onto devices. And as a result, the complexity of design has moved exponentially as well! There are so many considerations to address when thinking about a design or a campaign. Who is my target audience? How do I reach them? What devices do they use? What browsers? Should I be considering a native application? What about Flash? What about HTML5? At Adobe we have focused on making sure our designers and developers have the support they need in terms of tooling and technology. HTML5 is no exception.
Today Kevin Lynch, our chief technology officer, announced at the Google I/O Conference the delivery of a new HTML5 pack for Dreamweaver CS5 that is available as a free download starting today on Adobe Labs.
The HTML5 pack includes features that will make it easier for web designers to get started using HTML5. Some of the features include code hinting for HTML5 and CSS3 right within Dreamweaver; Multiscreen Preview and Media Query support, which essentially allow designers to preview pages they’re designing, just as they would appear on different screen sizes. The example below includes a smart phone, tablet browser and a desktop browser.
Here is Jorge Taylor walking through that demo.
The extension also includes Webkit engine updates and improvements to support video and audio in Dreamweaver CS5′s Live View. We also added some starter layouts complete with HTML5 syntax to help get you started. If you have more suggestions you can send an email.
In addition to the HTML5 Pack for Dreamweaver CS5, Kevin also showed the Google I/O attendees a couple more demos. One was the enhanced Illustrator export to SVG which you have already seen and the other was an early prototype where a designer can create a rich media ad using CSS Transforms and Animations. The demo was a great example of how CSS can really help a designer create a quite compelling experience using familiar features and design patterns.
We think this is an interesting area of exploration and we would love to hear what you think.
Check out this screenshot: Rich Ad Screenshot.tiff
A lot of exciting news at Google I/O.
It’s great to finally publicly show some of the things we have been working on.
I missed the presentation at Google I/O (and it looks like it’s not up for replay yet). Where can I get more information about the enhanced Illustrator export to SVG and the CSS3 Animation Editor?
Follow up:Google I/O 2010 Keynote, pt. 4http://www.youtube.com/watch?v=Sqw3nrTV92cKevin Lynch starts around 4:30 in the video.http://www.youtube.com/watch?v=Sqw3nrTV92c#t=4m30sAdobe Illustrator stuff starts around 8:20:http://www.youtube.com/watch?v=Sqw3nrTV92c#t=8m20scontinues intoGoogle I/O 2010 Keynote, pt. 5CSS Animation Editorhttp://www.youtube.com/watch?v=DKaJ6jEPXGE
Thanks for the pointers to the video.
How can I get my hands on the css3 animation editor?
Hi Ray,The demo is a prototype in development and not currently available.lea
Lea,I watched the keynote live, and I’m really glad to see this post. I love the clean screenshot of the Animator, so thanks…..what do I think?Okay, I can’t stress this strongly enough — Please, please, please make the animator tool. This is exactly the kind of thing I want to see from Adobe. This is Adobe at its best. I don’t care if this shows up in InDesign or Dreamweaver….whatever. Doesn’t matter. This gives me something i can use, and it’s a really big deal.I completely understand the whole HTML5/Flash/IPhone/iPad scenario, and I won’t drone on about it here. I not only can’t marginalize or forget iPhone/iPad, it is absolutely critical that our content gets there. No other devices matter — not even a little bit. I can’t deliver a flash-based solution, period.What you have you here is is brilliant. This is the right direction. It’s awesome. And I’d like to say that to the teams that worked on getting many of the CS5 products updated to Cocoa/64 — a huge thanks! They’ve done a fantastic job, and the improvements in performance are noticeable and greatly appreciated.
Cole,Thanks for the feedback. This is really helpful. We also think it is a very interesting area of exploration.I will pass on your feedback on performance to the team.lea
Ok, I am finally considering updating to CS 5. I still do not see what Adobe is adding. How is CS 5 different than smart objects introduced in 2000?Besides people had to pay 10k to be confused about this question. Now instead of reading 6 books, I can read 10. And pay 2500 vs 1500.
Where can I get the CSS3 Animation editor????? It is sooooo awesome!