As I’ve been getting more and more into HTML5 and thereby also native video, I’ve come to realize that it’s a lot easier said than done. Of course, we all know about the need for multiple encodings in order to provide for the variety of browsers that proliferate the market. But even after encoding H.264, Ogg and WebM, we’re still left with the need to provide a fallback for our Internet Explorer 6, 7 and 8 users – which means using Flash.

There are several approaches to provide this fallback, but the “recommended” way to do this is as follows. We begin with the <video> element, and then a list of <source> elements providing the multiple encodings. Of course, you have to remember to list the MP4 file first, because iDevices are so damned arrogant that they won’t look further if they don’t see their desired format first. (more…)

If you are as (dis)organized as I am, you probably don’t have all the assets for your web project in one place prior to building the site. Don’t get me wrong, I try – I really do – but invariably I’ll be coding along and realize that that one image didn’t get copied into the site’s images folder. The question is, what do you do now? There are basically three choices – with the third one being the subject of this tip.

The first, and most obvious, choice is to leave Dreamweaver and head out into the nether regions of your computer to find the desired image, and then copy it into the images folder of your site. Not difficult by any means, it just involves juggling several windows, and then you still have to return to Dreamweaver and insert the image into your page or CSS.

The second option is to either drag an image object onto the page in Dreamweaver (or use the Browse button if you are typing the img tag in Code View). Dreamweaver opens a dialog to allow you to navigate to the image. However, since the image is not located in your site folder, Dreamweaver will complain about this when you click the Choose button, asking you if you would like to copy the file to the your site folder. If  you say “yes”, Dreamweaver opens yet another dialog for you to name the image and select the folder you want to copy the image into. Again, not difficult, just more dialogs than I want to deal with.

Which brings us to the third option, the forgotten feature. (more…)

Continuing down the road of forgotten or overlooked features in Dreamweaver, have you ever gone to save a file, and due to the fact that you’d been navigating around your harddrive in a previous dialog, Dreamweaver suddenly seems to have “forgotten” where your site is? It happens to me all the time – in fact, it just happened again, so I thought I’d share one of those little nuggets that make you say, “OMG! I can’t believe I never noticed that before!”. It’s called the Site Root button. And the worst (ok, actually it’s the best) thing about it is that it’s been right under your nose in the Save dialog. (more…)