摘要：
目录1. 我是谁，以及我为什么写这个主题？2. 可以用 140 个字概述这篇文章吗？3. 究竟什么是“大型” JavaScript 应用程序？4. 让我们回顾一下当前的架构5. 想得长远一些6. 头脑风暴7. 架构提议7.1 模块化理论7.2 CommonJS 模块7.3 外观模式7.4 中介者模式7.5 应用外观：核心的抽象7.6 应用中介者：应用程序的核心7.7 整合7.8 超越发布/订阅：自动注册事件7.9 常问问题13 August 2013 今天我们要讨论大型 JavaScript 应用架构中的有效模式。这篇文章基于我最近在 LondonJS 的同名演讲，灵感则来自 Nicholas 阅读全文
摘要：
文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库，可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是：简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候，这些起关键作用的工具定会给你留 下更深刻的印象。（以下是编译内容）下面所列举的就是近期比较受欢迎的资源集合：1、Mmenu：这个jQuery插件能够为移动网站创造出灵活的、类似App的滑动菜单。2、Fabric textures：这5个布料纹理的背景可以以JPG的格式免费下载。3、Fitgrd：这是一个轻量级的、看起来很酷的响应式网格资源。4、Horizonta 阅读全文
摘要：
移动产业的兴起，给用户和开发者都带来了更多选择。目前，移动应用程序已经逐渐成为各类业务的重要组成部分之一。要让应用程序良好运行，必须选用正确的手机平台。目前领先的移动技术平台有iOS、Windows Phone、Android和黑莓。在不同平台上让不同应用都能提供丰富的应用体验，这对开发者提出了更高的要求。跨平台移动应用开发工具正好满足了开发 者不断增长的跨平台开发需求，它的优点是，开发者只要编写一次代码，开发的应用程序可适用于每一种智能手机；此外，跨平台开发工具通常使用更常见的语言， 比如JavaScript、HTML5和CSS，更容易找到开发人员，进而缩短开发时间。 跨平台开发工具有助于智 阅读全文
摘要：
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；响应式）自. 阅读全文
摘要：
优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的Web应用。本文整理了16款重要的Web开发工具，涵盖CSS、JavaScript、图像优化和其他方面的Web开发工作，希望对你的开发工作能有所帮助。一、CSS工具1.Simpless这是一个免费的离线LESS代码编译器。如果你使用LESS，这是一个伟大的工具，能够自动检测代码变化，并编译它。可在Mac、Windows和Linux平台上使用。2. CSSWrap 一个很酷的CSS文本路径生成工具。3.LayerStyles 不想去记新的CSS3特性和前缀？该工具使用类似于Photoshop图层样式的界面，让你轻松配置阴影、背景、边框和 阅读全文
摘要：
前端开发并不是一个容易的工作，不仅需要掌握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：超级简单、 阅读全文
摘要：
对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，本文整理GitHub上最火的前端开源项目列表，内容涵盖了Hack Design、 Designer School、TheExpressiveWeb、如何成为优秀的前端开发工程师、Web开发教学材等，这里按分类的方式列出前九个。详细内容如下：一、Architecture网站架构，一般认为是根据客户需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序，以最大限度地进行高效资源分配与管理的设计。（1） BEM：该方法可以让开发人员快速开发... 阅读全文