随笔分类 - JavaScript
前端技术
摘要：米老鼠是大家非常熟悉的迪斯尼动画形象。这是一个可爱的效果，结合 CSS & SVG 图形实现的米老鼠钟表效果。Web 技术让很多生活中的事物都能搬到网上去，后面的推荐阅读也有很多的效果，感兴趣的可以去看看。
阅读全文
摘要：曾经，jQuery 无疑是最受欢迎的开源的 JavaScript 库，如今它有了很多的竞争对手，像 AngularJS、React、KnockoutJS 等等。在这里，我想重点关注一下 AngularJS，它最初的学习曲线比较陡，如果入门之后就容易多了。在这里，我收集了包括钻研 AngularJS 在内的20个资源教程和免费的在线代码分享给大家。
阅读全文
摘要：CamanJS 是一个基于 Canvas 处理图片的 Javascript 库，结合简单易用的接口和先进高效的图像编辑技术。CamanJS 很容易扩展新的过滤器和插件，并伴随着一系列广泛的图像编辑功能。它是完全独立的库，支持工作在 NodeJS 和浏览器。
阅读全文
摘要：Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面，然后就可以激活任何 DOM 元素的 CSS 属性动画，也可以用户 SVG 属性。
阅读全文
摘要：Codyhouse 收集了一组页面滚动效果，就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端，但如果你的目标是创建一个身临其境的用户体验，他们是非常有用的。所有的动画都使用 Velocity.js 创建。
阅读全文
摘要：JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序。利用 JavaScript，可以让你移动 HTML 元素，创建各种各样的自定义动画，给你的访问者更好的终端用户体验。对于开发人员你来说，有无数的 JavaScript 框架可选择，往往是很难选择最适合您需要的。所以在这篇文章中，我收集了15个有用的和流行的 JavaScript 框架，旨在简化前端应用程序开发。
阅读全文
摘要：当你在开发一个内容很多的 Web 项目的时候，最具挑战性的部分之一是为了如果更方便用户浏览这些内容。我们都能想到的一个例子是 Amazon，无限的类别以及它们的子类别。Mega Dropdown 是带二级分类的响应式下拉菜单组件，简单易用。
阅读全文
摘要：BasicModal 是为现代 Web 应用程序打造的弹窗系统。它包括所有你需要显示的信息，问题或接收用户的输入。这里的弹窗还可以链接起来，所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框。无效输入可以使用包含突出显示和处理功能。
阅读全文
摘要：Restive.js 是一个 jQuery 插件，可以帮助您轻松快捷地添加响应式功能到你网站，适应几乎所有拥有 Web 功能的设备。使用设备检测，高级管理断点，以及方向管理的组合，Restive.js 会给你的网站提供一种不可思议的能力。
阅读全文
摘要：今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子，这些 Demo 可以说都是艺术品。CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。
阅读全文
摘要：CodePen 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品，也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子，这些 Demo 可以说都是艺术品。
阅读全文
摘要：为了让我们的信息能够有效地沟通，我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法，并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的，这意味着你不需要在网站上写一行 JavaScript 代码就可以，仍然有很大的灵活性。
阅读全文
摘要：T3 是一个用于构建大型 Web 应用程序的客户端 JavaScript 框架。T3 和大多数的 JavaScript 框架不同。它的意思是一小部分的整体架构，它允许你建立可扩展的客户端代码。T3 应用程序是由应用程序对象管理，主要任务是管理模块，服务和行为。这是这三种类型的对象，允许你建立一个可扩展的 JavaScript 前端的组合。
阅读全文
摘要：Awesomplete 是一款超轻量级的，可定制的，简单的自动完成插件，零依赖，使用现代化标准构建。你可以简单地添加 awesomplete 样式，让它自动处理（你仍然可以通过指定 HTML 属性配置更多选项），您可以用几行 JS 代码，提供更多的自定义。
阅读全文
摘要：一个小实验，探索 SVG 线图动画的使用情况，以前沿的展示形式呈现图形或网站元素的外观，模拟它们的加载。SVG 成为一个有趣的网站组件，它真的很强大，有许多创造性和可能性，使用 SVG 可以制作各种有趣的网站交互效果。今天，我们想分享一组实验 SVG 绘制动画的例子。
阅读全文
摘要：DOM 动画是一个极好的 JavaScript 库，用来在页面的 DOM 注释中显示小的 ASCII 动画。这对于那些检查你的代码的人是一个小彩蛋，仅此而已。它是一个独立的库，不依赖 jQuery 或者其它库，所以使用是非常简单的。您不需要任何 CSS 或 HTML，只是 JavaScript 而已。
阅读全文
摘要：互动拖放着色概念是一个有趣的小实验，你可以通过从调色板中拖放颜色水滴来给网站原型配色。我们的想法是简单地从调色板拖动一个颜色到网站原型的颜色指定区域的部分或文本。你可能以前也遇到过类似的颜色定制工具，但 Codrops 想添加一些有趣的想法，并使你能够更愉快的使用。
阅读全文
摘要：Rainyday.js 背后的想法是创建一个 JavaScript 库，利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API，例如碰撞检测和易于扩展自己的不同的动画组件的实现。它是一个使用 HTML5 特性纯 JavaScript 库，支持大部分现代浏览器。
阅读全文
摘要：Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片，让图片出现在（或接近)）视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。
阅读全文
摘要：Kickoff 是一个轻量级的前端框架，用于创建可扩展的，响应式的网站。作为前端开发人员，我们工作的类型越来越多样化。Kickoff 旨在帮助您在所有项目保持一致的结构和风格，无需添加其他框架。
阅读全文