摘要：
1.Twitter BootStrap （Apache v2.0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 2.Foundation （MIT；响应式）最先进的响应式前端框架。 3.960gs（GPL&MIT；响应式）960gs提供了一个简单的网格系统，适合快速开发。 4.Skeleton（MIT；响应式）非常漂亮的Web模板，适合响应式、移动友好的开发。5.99lime HTML KickStart（Free）适合网站快速开发的极简HTML构建模块。6.Kube（Free；响应式）面向专业人员的CSS框架。7.Less Framework（MIT；响应式）自. 阅读全文
摘要：
前端开发并不是一个容易的工作，不仅需要掌握HTML、CSS和JavaScript，针对不同的浏览器版本和平台，还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行，前端开发变得越来越困难，且花费的时间更长。本文收集了14个响应式前端开发框架，可以帮助前端开发人员大大简化开发过程。针对每个框架，文中均指出了它所包含的UI组件及JavaScript插件。几乎所有的框架都采用了响应式网格系统。使用这些前端框架，有如下好处：跨浏览器。这一点已被证实。一致性。UI组件，如导航、按钮、标签、表单、下拉框、表格……，在设计上保持风格一致。快速开发。你可以快速、容易地构建布局。这些框架都配有详细的说明文 阅读全文
摘要：
文章来源于webdesignerdepot.com，为Web设计师和开发者总结了2013年7月新出的35款工具，例如Froont、jQuery CollagePlus、Thincons；内容包括响应设计工具和框架、图标设计、电商解决方案等等。当你在开发或设计Web时，找到适宜的工具绝对能帮助你节省大量的时间和精力。接下来的这些资源或是免费的，或是很便宜的，但可以保证的是：物超所值，对设计人员和开发人员来说是绝对的有用。1.Froont通过Froont，只需要使用一个简单的拖放界面，你就可以在你的浏览器里随意设计。设计完之后，你所看到的网站效果就如同访客看到的一样。2.jQuery Collag 阅读全文
摘要：
1.NiiceNiice本质上是一个设计搜索引擎，其结果来源于Designspiration 、Behance、Dribbble。搜索示例：black and white script lettering。2.Pixel DroprPixel Dropr是PhotoShop的一款插件，由UI Parade公司设计开发，是一个集成了图标、插图、照片、按钮等设计元素的工具面板，用户可以轻松地将设计元素从Pixel Dropr的面板上拖拽到任何PSD文件中。3.Designer NewsDesigner News是一款强调设计的新兴工具。4.Firefox’s Font InspectorFont 阅读全文
摘要：
前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。 你的Web页面的速度是否已经足够快了？其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前端优化建议，并发布了一些工具，你可以逐一检验你的Web应用，以便达到更高的性能。这些优化不仅仅可以给用户提供更好的体验，从开发者角度来说，进行优化还可以减少页面的请求数、降低请求所占的带宽、减少资源的浪费。下面来看看Google和雅虎提供的Web页面优化最佳实践。一、Google的Web... 阅读全文
摘要：
作为一个软件开发者，你不可避免地需要用到各种工具来设计、理解、编辑任何程序，本文作者按类型总结了10类开发者须知的工具。CSDN摘译如下：免责声明：“最好”的软件工具通常属于主观看法，也许你并不同意我的观点，但是也可以从中获取所需。1. 版本控制工具无论你是在100人的团队，还是一个人做设计、开发，版本控制工具都能让你从中获益。通过版本控制工具，你可以保留同一文件中在不同时期的版本，这对图表和二进制文件都适用，尤其适合文本类型文件。主流版本控制工具可以分为两种：集中式和分布式。集中式版本控制工具需要一个服务器存储仓库，你可以在合适的时候把代码提交到服务器上。而分布式版 本控制工具（DVCS）则 阅读全文
摘要：
本文收集了10款最新且最实用的开发框架，这些框架能够激发你的编码灵感，促使你去设计、开发跨浏览器动态网站以及Web应用。1. Web Tracing Framework 由Google公司推出的这款Web Tracing Framework，是一套工具集，该脚本可对任何JavaScript相关的代码进行性能分析。 主要用于JavaScript重应用，以及检索不必要的Web网页标准，这是因为JavaScript仅用于简单的交互。该框架支持手动的嵌入选项，以及Chrome扩展工具包括可处理内部浏览器数据及处理这些数据的命令性工具（支持Nodejs）。该... 阅读全文
摘要：
近年来随着Web应用交互复杂度的提升，前端开发也迎来了一个高速发展的时期。除了一些老牌框架纷纷推出改动较大的升级之外，还涌现出一批新生代的 开源库和框架，推动着Web应用开发理念向越来越强调前端架构的方向发展。当下的前端技术可以说是处在一个新旧交替的过程之中，同时存在着许多不同的观念 和实践。本文试图对目前数量繁多的前端框架进行一些较笼统的分析和比较，抛砖引玉，希望能为大家在选择前端的技术架构时提供一些有益的参考。需要明确的是， 本文探讨的前端架构是以JavaScript为主。有一些主要关注CSS层面的前端框架，如Bootstrap，不在本文的讨论范围之内。今天的JavaScript框架和库繁 阅读全文
摘要：
在《直接拿来用！最火前端开源项目（一）、（二）》中提供了十九个类别的开源项目列表，开发者们是否会目不暇接呢？没关系，只要对你有所帮助，我们的目的也就达到了，这里继续向你推荐剩下的二十六个类别的开源项目列表，供你查阅。二十、Template Engines模板引擎是为了使用户界面与数据分离而产生的，它可以生成特定格式的文档。使用模板引擎可以提升开发者的工作效率，该模板所拥有的良好设计也使得代码重用变得更加容易。（1）ICanHaz.js：是一个简单而且功能强大的客户端的JavaScript模板引擎（2）Hogan.js：是来自Twitter的JavaScript模板引擎（3）Handlebars 阅读全文
摘要：
在《直接拿来用！最火前端开源项目（一）》中为开发者整理了九个大类的开源项目列表，开发者们，你们用的怎么样了？是否感觉到开源项目带来的事半功倍的效果呢？在这里，本文继续为你整理了GitHub上最火的前端开源项目列表，按分类的方式列出十个，供开发者们继续参阅。十、Animation（1）Stylie（2）animate.less：是一群很酷、很有趣、跨浏览器的动画效果，它转换成LESS供你在Bootstrap项目中使用（3）Canvas Advanced Animation Toolkit：是基于javascript中的一个时间轴概念建立带有动画效果的场景图框架。（4）tween.js：超级简单、 阅读全文