Investing in the Right Tools
To close this series of posts discussing HTML5, I want to discuss the toolset that you use for development. Everyone is going to have an opinion on what is the “best” thing out there, including me, but I’m not going to focus in on that. Instead, the post is going to focus in on the types of tools that are out there for HTML5 development and share some of the tools that stand out.
This might seem like a gimme, but it’s worth mentioning. Every developer, regardless of platform, has a vested interested in their development environment and HTML5 is no different. There are a lot of different ones out there, but here are a few that stand out.
Visual Studio 2012+
I’m not just talking about ASP.NET development, but HTML development as a whole. Visual Studio has come a long with its prized development environment, especially in the web development department. The Web Essentials team has been providing some very cool additions for HTML developers, and we are seeing some even more power features come into play in VS2013.
If you haven’t looked into Visual Studio in a while, it’s time to look again.
This is one of my favourites. Cloud9 is an entirely web-based IDE that targets more than just HTML. It ties directly to your Github and Bitbucket accounts, so you can pull in your source code from your repositories. Complete with a terminal, deployment tools, and debugging tools, Cloud9 IDE is definitely something to look at for any developer that works from multiple machines.
Further Reading: What about Style?
If you do anything CSS related, it is definitely worth a peek at the links above.
Libraries and Frameworks
In this post, I will focus in on two of the most important frameworks I have come across: Twitter Bootstrap and Modernizr.
By leveraging Twitter Bootstrap, developers are able to hit the ground running on creating powerful applications without getting lost in the details of design and making it look pretty. Twitter Bootstrap is easily one of the best wins for any HTML development team and should be investigated if you're not already using it. http://getbootstrap.com/
Modernizr does more than just allow HTML5 to be run and managed cleanly in legacy browsers, rather it allows you to load dependencies based on the features detected ensuring that only the resources needed by the specific client are downloaded, improving performance of your application.
All in all, Modernizr is a must-have for any HTML developer looking to release their application to the web, as browser detection is not an accurate way of developing any functionality for a browser-based application. http://modernizr.com/
As you probably can tell from parts one, two, and three of this blog series there is a lot of HTML5 that you can care about. As we see technology progress, we are seeing HTML show up in more and more places making a true cross-platform technology.
If you have yet to look into HTML5, this is your chance to look and see how this open standard can make your applications and development life even better.
Thanks for playing.