Website Design Tools Work Smart

February 8, 2012

Website technologies are constantly evolving. For the most part the evolutions are improvements. CSS has come a long way, as well as HTML, IE, not so much. Sorry I had to throw one across the bow. If you are still using Internet Explorer..we still love you.

The improvements I choose to address here are to the abilities of the browser being improved, which allows website developers to deliver content in a more innovative way.  The most notable recent evolution is to HTML 5.  HTML 5 promises to provide more feature rich website pages without the need for additional plugins, (Flash mainly).

Another development that has been crucial to developing websites for the web, and mobile, is the improvement of fluid technologies, thanks to some help from Javascript. There are also numerous CSS improvements to give developers more options to explore their creativity.

In my travels across the web, I came across a group of developers who have put together a feature rich HTML5 foundation (template) for developers to use as a starting point. The packages is called Initializr.

The reason I chose to share this awesome tool with you, is while viewing a news website via mobile. The news site I visited, did not code in the flexibility to view the content without having to move the content around. Needless to say, I opted to read the article later on the PC. The next site I viewed, obviously anticipated the mobile viewer, and I was able to read the content in its entirety. Sure, it is a personal preference, but,  if it doesn’t matter to you, great, I would also like the people it does matter to, to be able to enjoy the content as well.

Initializr ScreenshotInitializr does a great job of this by default by employing the fluid layout technology. Sweetness. So, while I do know how to code, it was quite a time saver, and a huge step forward.

Hope this story helps. I used this technology for the first time on a mashup on Musicishare.com(Tumblr + YouTube).