Design trends come and go, and some designs have a longer shelf life than others. Creating a “timeless” feel is something many designers strive to achieve, but technology can have an impact on design, due to differences in display sizes, color rendering, font standards, and more. Designers must conform to these new standards while still maintaining a classic look and ensuring effective functionality.
One trend to have emerged in the past few years is something called “flat design,” which has been adopted to an increasing extent by design-oriented companies like Apple in the iPhone and Google via Android. Car companies like Chevy and Audi have also hopped aboard the flat design bandwagon, as well.
One of my favorite parts of the new HTML5 spec is the browser based support for video and audio. Up till now, adding video (or audio) to your web page involved an annoying process involving Adobe Flash and inserting some of the ugliest code known to man into your webpage. The <video> and <audio> tags will change all of that!
The <audio> and <video> tags operate the exact same way, and I don’t want to accidentally encourage anybody to place background music (or the sounds of farm animals) on there website! So from here on out we’ll talk solely about the <video> tag!
From a code standpoint, embedding video couldn’t be easier. Open a <video> tag, place the actual video source inside, and the browser does the rest!
All modern browsers support HTML5 video, but (there’s always a but) they support difference video formats. The latest versions of Mozilla Firefox, Google Chrome, and Opera support Google’s WebM open video format. Both Microsoft Internet Explorer and Apple Safari don’t support WebM and instead use H.264 for video playback.