Go From Adobe InDesign CS 5.5 to HTML 5

httpv://www.youtube.com/watch?v=jSAW2wYDrpo

 

In this episode of the Adobe Creative Suite Video Podcast I'll show you how create animations in Adobe InDesign CS 5.5 and then how to convert those animations into HTML 5 to be used on the web or in your interactive digital publications using the Adobe Digital Publishing Suite.

See more of my Adobe Creative Suite Videos on my Adobe Creative Suite Podcast and get the App here. It features EXCLUSIVE CONTENT that no one else gets to see. This episode has a BONUS CLIP that is available only in the App:

Learn Adobe Creative Suite with Terry White - Wizzard Media

 

Creating an HTML 5 Website for Photographers in Adobe Lightroom 3

This one is for the Photographers out there!

Adobe Photoshop Lightroom has had web galleries since day one. You can either export out an HTML gallery of your images or a Flash Gallery of your images. Each one of course having its advantages and disadvantages. I find that photographers in general like Flash galleries because of two things: 1) they're (pardon the pun) flashy. You get transitions, animations, zooming, automatic slideshows etc. 2) they offer one more level of image protection by making it harder for people to just right click and download the images. The disadvantage is that not every device can display Flash galleries. If you go with an HTML gallery it can be seen on just about any device, but you lose the flashy appeal. 

 

What about HTML 5?

Up until yesterday my photography website was all Flash with an HTML fallback. I loved the features of my template. I loved the animations, image fading and slideshows and while I did have an HTML fallback for those that couldn't see the Flash site the biggest problem was keeping them BOTH up to date. The Flash site was driven by XML and was pretty easy to update with new images.. The HTML part was driven by a Lightroom web engine (more on that later) and required a separate export and upload each time I needed to do an update. It wasn't the end of the world to update them both, but I found myself updating the Flash site more often (because it was faster), which meant that people on non-Flash devices/computers wouldn't see my latest images. Not good!

What's this HTML 5 thing anyway? HTML 5 is next standard of HTML and it's still very much a WORK IN PROGRESS. This is why you don't see a ton of tools for it yet. Also and probably the biggest thing to note is that HTML 5 may never do all the things that Flash can do. This means that it's not a direct one to one replacement. At least not today for sure. HTML 5 authoring isn't just one thing. It's using HTML 5, CSS3 and Javascript. . Actually it's CSS3 that's the really interesting part. If you're really interested in developing in HTML 5 Adobe has already released the HTMl 5 pack for Dreamweaver and Illustrator. Check them out on Adobe Labs. More tools are in the works! Back to the photographers…

 

My goal

I started thinking about my site and the fact that it was a pain to update and therefore I wasn't updating it as often as I'd like to. Then I started listing the ideal things that I would want to have to make it easier:

  • I'd want as much of the site as possible driven by Lightroom since that's where my images live anyway.
  • Until HTML 5 is further along I still want Flash galleries for those who can see them.
  • The site has to be viewable on devices/computers not running Flash
  • I only want to update ONE set of images. In other words, both the Flash and HTMl version would use the same images.
  • I want Video that plays on everything <-this is not as easy as you think!
  • I don't want to write any code! Writing a line here and there during setup is fine, but I don't want to have to code the thing with every update.

 

The Turning Gate To The Rescue

Once again The Turning Gate has come through for me. You might remember my post on using one of their web engines for my client review galleries. Since that review went live I've been working with Matthew Campagna at TTG on the ultimate solution to my goals. After countless emails back and forth (he's a great guy!) on what I wanted and tweaks to his engines based on my feedback I was able to create my entire site from scratch using Lightroom 3 and three TTG plug-ins. 

Continue reading “Creating an HTML 5 Website for Photographers in Adobe Lightroom 3”

Adobe Releases the Illustrator CS5 HTML 5 Pack!

Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack. This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends SVG capability in Illustrator CS5, and helps you easily design web and device content. In combination with the HTML5 features available in the Adobe Dreamweaver CS5 11.0.3 updater, these new tools allow web designers to take advantage of the latest advancements in HTML5.

While HTML5 and CSS3 will not be finalized for some time, and SVG support in browsers will continue to evolve, the extension provides support for a set of currently implemented features.

 

Benefits of the Illustrator CS5 HTML 5 Pack

  • Efficiently design for web and devices by exporting Illustrator Artboards for unique screen sizes using SVG and CSS3 media queries.
  • Create web widgets with Illustrator by generating dynamic vector art for data driven web work-flows.
  • Take advantage of the latest enhancements to SVG and Canvas to generate interactive web content.
  • Map artwork appearance attributes from designer to developer tools—export from the Illustrator Appearance Panel to CSS3 for streamlined styling of web pages.

Grab it here and get started with Illustrator and HTML 5 today! Don't have Illustrator CS5 yet? Download a FREE fully functional 30 day trial here.

Tech Profile of Stephanie Sullivan Rewis

Stephanie (Sullivan) Rewis

(The perils of getting married when you're already known by another name. :P)

Principal
 

Company

W3Conversions
 

Phoenix, Arizona
 

Your blog/website:

http://www.w3conversions.com
Sadly, I've not blogged in about a year due to too much twittering, but I've started to post thoughts that are over 140 characters on Tumblr: http://stefsullrewis.tumblr.com/
 

Favorite Gadget

Honestly, though it's not really a little gadget, it's my 17" MacBook Pro. I'm at the computer so much, I really don't find much need for things like iPads/tablets. I'd have to take my computer off my lap to use them.

Continue reading “Tech Profile of Stephanie Sullivan Rewis”

Want to do HTML 5? We’ve got an App for that!

As you might have heard, there's been quite a bit of controversy on the web over the past few months about this thing called HTML 5. Although HTML 5 is far from completion as a standard, Adobe is answering its customers by releasing a HTML 5 Pack for Dreamweaver CS5 Today (well actually yesterday). That's right, you can begin authoring websites for HTML 5 right now in Dreamweaver CS5 with this FREE download.

Download a FREE 30 Day Trial of Dreamweaver CS5 here.

 

See it in Action

Here's a video with the NEW HTML 5 Pack being put to use to make one website for a desktop browser, tablet and phone:

httpv://www.youtube.com/watch?v=soNIxy2sj0A