汤姆大叔的博客

我真的喜欢上了HTML5, CSS3, JavaScript编程，但是有一些代码还是需要一些辅助工具来做才行，例如，CSS3的Gradient渐变如果手写代码的话真的不爽，还有像animation动画,transform转变或者是需要矢量扩展的style代码都是很复杂的。网上有很多非常流行的在线工具可以很简单地生成HTML5/CSS3代码，能够提高我们的开发速度。下面列举一些我钟爱的工具。

怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery，换句话说就是如何更好地做前端开发。Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化。不要希望VS默认安装这些东西，我们有很多VS的扩展可是使用。 这篇帖子里你可以看到有一组我喜爱的扩展和工具能让Visual Studio在web开发方面更简单，

Web Essentials是目前为止见过的最好用的VS扩展工具了，具体功能请待我一一道来。   首先，从Extension Manager里安装：最新版本是19号发布的2.5版 然后重启你的VS开发环境，就可以使用它提供的方便功能了。 Web Essentials对CSS、JavaScript和HTML都提供了很多快捷的功能支持，具体列表如下： CSS 即时预览Liv

HTML5, CSS3以及相关技术（例如canvas和web sockets）带来了非常有用的特性，可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性，但是如果我们不考虑旧版本的浏览器就是用这些新技术也不太现实，老版本浏览器已经使用了很多年，我们依然需要考