摘要：Codrops 上面发布了一个深入的教程，就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果，并基于 SVG 和 GreenSock 来实现。随着谷歌的材料设计的出现，带来了一个视觉语言，创建跨平台和设备的统一体验。在本教程中，他们会向你展示实现涟漪效果的一种方式。 阅读全文

摘要：复制文本到剪贴板应该并不难，目前已经有很成熟的 Flash 方法。但是 Flash 已经在很多场合不适用了，特别是随着 HTML5 技术的发展。今天推荐的这个 Clipboard.js 库不依赖 Flash，依赖于 Selection 和 execCommand API。execCommand 支持以下浏览器：Chrome浏览器42+，火狐41+，IE9+。 阅读全文

摘要：Popmotion 是一个只有12KB的 JavaScript 运动引擎，可以用来实现动画，物理效果和输入跟踪。原生的DOM支持：CSS，SVG，SVG路径和DOM属性的支持，开箱即用。Popmotion 网站上有很多很赞的效果，赶紧去体验一下。 阅读全文

摘要：响应式网页设计是根据设备的屏幕尺寸，平台和方向来开发的网页，是一种对最终用户的行为和环境作出反应的方法。响应式设计使用灵活的网格和布局，图像和智能使用 CSS 媒体查询的组合。当从它们在不同设备使用的时候，网站能够自动切换到容纳该特定分辨率，图像尺寸和脚本的能力。 阅读全文

摘要：在项目中，你可能会需要用到地图以更直观的展示和地域相关的一些信息。现在，借助 AmCharts 新工具——Pixel Map Generator，您可以在短短几分钟内创建出令人惊叹的视觉地图。并可以集成到您的网站，演示文稿，甚至可以使用它们打印小册子。 阅读全文

摘要：大多数的网站都是使用垂直滚动，我们已经习惯了。而水平滚动可以给网站增加一些创造性和独特性。如果你的目的是打动用户，水平滚动一定会帮助到你。它适用于任何创意领域，如摄影，设计，艺术以及其它你需要展示大量的图片的情况。 阅读全文

摘要：Codrops 发布了一个如何创建一个基于弹性效果的 SVG 加载进度条教程，基于 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标，一旦它被点击，动画成一个有趣的小金属丝和一个标签，该标签指示下载百分比。如果你想使用这部分代码在你的项目，到 Github 页面并按照说明进行操作即可。 阅读全文

摘要：Content Tools是一个用于构建所见即所得编辑器（WYSIWYG）的 JavaScript 库。ContentTools 所见即所得的编辑器只需要几个简单的步骤就可以加入到任何的 HTML 页面。有一步一步的指南，常见的使用场景以及更高级的主题。ContentTools 是免费开源的，在 GitHub 上托管，开发和维护。 阅读全文