摘要：
通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的脚本引入，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。有了 Node 和 Webpack 的基础，可以通过 vue-cli 来搭建基于 Webpack ，并且支持单文件组件的项目了。 阅读全文
摘要：
前端框架简化了开发过程中，像 Bootstrap 和 Foundation 就是前端框架的佼佼者。在这篇文章了，我们编制了一组新鲜的，实用的，可以帮助您建立高质量的 Web 应用程序的 JavaScript 框架清单。 阅读全文
摘要：
Waud.js 是一个Web音频库，有一个HTML5音频降级处理方案。 它允许您利用Web音频API为你的Web应用程序控制音频功能。在不支持Web音频API的非现代浏览器使用HTML5音频降级方案。 阅读全文
摘要：
字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一组用于简洁网页设计的光滑英文字体。这些免费的字体是适用于各种类型的设计，除了网页，还有海报、标志、印刷广告等。 阅读全文
摘要：
字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一组用于简洁网页设计的光滑英文字体。这些免费的字体是适用于各种类型的设计，除了网页，还有海报、标志、印刷广告等。 阅读全文
摘要：
AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和 WOWJS 一样，的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库，当你滚动页面的时候能让元素动起来，当页面滚回顶部的时候，元素能够回到前一个状态，如此达到循环动画的效果。 阅读全文
摘要：
通常我们对最终设计至关重要，但在幕后有很多流程，例如草图。 草图是是把想法作为一种思想框架描绘出来。 有时客户需要一个独特的品牌新标识或字体更方便画在纸上，之后扫描到 Photoshop 和 Illustrator。这里分享20个新颖的字体设计草图，带给你灵感。 阅读全文
摘要：
Cleave.js 有一个简单的目的：帮助你自动格式输入的文本内容。 这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性。通过使用这个库，您不需要编写任何正则表达式来控制输入文本的格式。然而，这并不意味着取代任何验证或掩码库，你仍应在后端验证数据。它支持信用卡号码、电话号码格式（支持各个国家）、日期格式、数字格式、自定义分隔符，前缀和块模式等，提供 CommonJS/AMD 模式以及ReactJS 组件端口。 阅读全文
摘要：
CssStats 是一个在线的 CSS 代码分析工具，你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析，是前端开发人员和网页设计师分析网站 CSS 代码的利器，可以统计出 CSS 代码里的规则数量、字体颜色、字体大小、背景颜色数等等。 阅读全文
摘要：
下面，我们给大家提供了一个用于 HTML5 开发的各种用途的 JavaScript 库列表。这些框架能够给前端开发人员提供更好的功能实现的解决方案。如果你有收藏优秀的框架，也可以在后面的评论中分享给我们。 阅读全文
摘要：
图像压缩工具允许轻松的进行压缩，编辑和调整图片大小。这些工具支持多种图像格式，如JPEG，PNG，GIF，可以重新大小根据您的需要他们，让您的网站和 Web 应用程序的拥有更快的载入速度。在这个列表中，我们编制了12个最佳的图片压缩工具，所有这些都将帮助你压缩你的网站上的图像，节省带宽和提高网站的性能。 阅读全文
摘要：
jQuery 插件可以为你做许多事情，你可以很容易地把这些插件集成到您的网站。网络上的 jQuery 日期选择器和日历插件很多，但找不到很满意的时间选择器插件。 在这里，我们收集了最好的一组 jQuery 时间选择器插件列表分享给大家。 阅读全文
摘要：
jQuery 是一个快速、流行的 JavaScript 库，jQuery 用于文档处理、事件处理、动画和 Ajax 交互非常简单，学习曲线也很平坦。2016年4月的 jQuery 插件专辑里，我们选择一些最好的和有用的 jQuery 插件分享给大家。 阅读全文
摘要：
在这篇文章中，我们为您呈现了一组优秀的网格工具清单。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy! 阅读全文
摘要：
在当今时代，SVG是最流行的和正在被众多的设计人员和开发人员使用，创建支持视网膜和响应式的网页设计。绘制SVG不是一个艰巨的任务，因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。 阅读全文
摘要：
Sass 是 CSS 的扩展，增加了嵌套规则，变量，混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架，使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。在这篇文章中，我们已经收集了一组有用的 Sass 和 Compass 工具，将帮助您快速构建 Web 应用程序。 阅读全文
摘要：
无论你是新开发者还是经验丰富的老程序员，前端框架可以有效地在开发的早期阶段提升开发效率。在这篇文章中，我们选择了15个新框架分享给开发人员，你肯定会想尝试一下这些新鲜的框架。 阅读全文
摘要：
SVG 是一种分辨率无关的图形（矢量图形）。这意味着它在任何类型的屏幕都不会遭受任何质量损失。除此之外，你可以让 SVG 灵活现一些动画效果。这篇文章就给大家推荐8个实现 SVG 动画的 JavaScript 库。 阅读全文
摘要：
CSS 代码是很难管理，尤其是在大型项目。 样式都写在一个全局作用域里，通过复杂的选择器来指向特定的页面元素。冗余、膨胀和维护可以成为前端开发人员的一场噩梦。幸运的是我们有一些 CSS 工具来帮助开发者克服这种情况。这里集合了15款用于管理 CSS 代码的优秀的 CSS 工具，分享给大家。 阅读全文
摘要：
这个列表包括20个我们觉得是最有用的免费的 jQuery 插件，它们都是最具创新性和最省时省力的解决方案，很多都是现代化的设计和开发中碰到的问题的处理方案。如果你熟悉下面列出的任何插件，请与我们的读者分享您的意见，或者如果您知道的我们还没有包括的话，请与我们分享在下面的评论部分。 阅读全文