Since Web sites take a long time to build, but stay live for years, I decided it was worth the effort to make it work. HTML5 is the future. A few challenges with my site: getting video to play onload, loop, and get manipulated via javascript commands.

Did you know that Firefox supports the HTML5 video tag, but not the loop attribute? So you can’t just make videos loop. You need to write out code to make it unload and load videos. Safari and other browsers support this. But not this so-called “advanced” browser.

What about Apple products? iPhones don’t support video on page load. Only full-screen video when a user clicks on a video image. Of course, Apple says this is by design, because of bandwidth issues on the phone. With AT&T’s new stingy data plans, this is understandable. iPad supports video on load, but when I was in line for the new iPhone 4 a person loaded my site and the video displayed but wouldn’t play. I suppose it was because he was on a 3G connection.

HTML5 video isn’t all the same either. Apple and Microsoft browsers use H.264 encoded videos. Firefox uses OGG encoded videos. That means for every video you post, you need to encode two videos to make sure it reaches the widest audience.

Just when you thought iPhone targeting was simple, the new iPhone 4 has quadruple the resolution of the original iPhone. Targeting a browser by resolution gets fuzzy when a mobile display has the capabilities approaching a desktop display. Viewport meta tags get confusing and stylesheet setup complex.

In all, the new site was challenging, and I continue to tweak it for mobile displays, but worth the effort. I feel like an HTML5 hero. My nunchucks are prepped for more HTML5 projects.

Oftentimes, personal Web sites and portfolio sites are shallow. A cartoon image of someone’s face and a photo or screenshot of their work. By viewing the videos and engaging with the content you get a sense of me – as a REAL person. It’s very hard to do on the Web and I think I’ve got it nailed down.

The site is fully powered by HTML 5 and javascript. There is no Flash present. I hope to add personalized audio clips and quotes to further enhance the personal connection made over the Web. Please visit KenMorico.com and let me know your thoughts. Long live HTML 5, experimentation, and the future.

This blog now features social bookmarking icons at the top right as well as under every post. You can share the posts to popular services like Facebook, Digg, Delicious, and others. It’s really easy to use. Just click the button (almost as easy as Staples’ Easy Button). You can also subscribe to the RSS news feed. The buttons are located in your browser toolbar, as well as the orange buttons on the site that say “subscribe.” I like using Googe’s Reader Web software to keep up to date on the blogs I subscribe to. It’s fast and centralized – I can access the news feeds from anywhere. It’s very fast and easy to read feeds on the iPhone. I plan to eventually add some video / audio to the site. I’ll build a resources section as well to help people get the tools they need to start their own blog or use social media tools to help their career.

I expect the title of the blog to change to something more descriptive than “K.Mo’s Blog.” Have any ideas? Please comment below.