随笔分类 - JavaScript
前端技术
摘要：Draggabilly 是一个很小的 JavaScript 库，专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器，支持多点触摸。可以灵活绑定事件，支持 RequireJS 以及 Bower 安装。
阅读全文
摘要：如果你看过三星企业设计中心网站，你肯定已经注意到了时尚的网格加载效果。在这篇文章中，我们想向您展示了如何使用 Masonry 网格砌体插件，结合 CSS 动画重现这种效果。另外在这里，我们还借助了 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用。
阅读全文
摘要：PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库。它可以在60fps下运行，允许您构建数据研究应用和档案，即不必等待一个数据库调用来呈现查询结果。PourOver 基于可以彼此任意地构成，而不必重新计算其结果的简单查询的理想。
阅读全文
摘要：Quill 的建立是为了解决现有的所见即所得（WYSIWYG）的编辑器本身就是所见即所得（指不能再扩张）的问题。如果编辑器不正是你想要的方式，这是很难或不可能对其进行自定义以满足您的需求。Quill 旨在通过把自身组织成模块，并提供了强大的 API 来构建额外的模块来解决这个问题。
阅读全文
摘要：Photopile JS 是模拟照片散布堆叠在一起的 JavaScript/jQuery 图片库。点击缩略图，照片会弹出放大 ，再次点击照片会返回。缩略图是可拖动的，允许照片深深的堆在一起而不被覆盖，提高好的使用体验。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第5期（总第26期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Shepherd 是一个指导用户使用应用程序的 JavaScript 库。它使用 Tether——另一个开源库，实现所有的步骤。Tether 确保你的步骤不会溢出屏幕或被剪裁。你可以很容易地指导用户使用您的应用程序。
阅读全文
摘要：Masonry 是一款 JavaScript 网格布局插件，可以实现类似 Pinterest 模式的砌体布局效果。通过把元素自动填充在垂直的空白区域，就像墙上堆砌的石头一样。这个库还可以作为 jQuery 插件使用，帮助你轻松实现这种效果。
阅读全文
摘要：有的时候，在我们的应用程序中，我们希望能够显示特定任务的百分比进度。这里分享的这款小巧的 JavaSript 插件就是实现这个功能，易于使用和定制，而且是是免费开源的。
阅读全文
摘要：一款好的图表插件不是那么容易找到的。最近项目里需要实现统计图表功能，所以在网上搜罗了一圈，找到一些不错的图表插件，分享大家。众多周知，图形和图表要比文本更具表现力和说服力。这里精心推荐几款实用的 JavaScript 图形图表库，可以帮助你实现各种功能的图表。
阅读全文
摘要：Debug 是一个跟踪调试消息的 JavaScript 库。因为它只是对 console.log 的包装，所以支持 Node 和浏览器。它允许你过滤日志输出而不需要改变你的源代码，也输出时间差异，可以让您轻松地告诉你日志消息间隔多少时间。
阅读全文
摘要：对于我来说，Web 前端开发是最酷的职业之一，因为你可以用新的技术发挥，创造出一些惊人的东西。唯一的问题是，你需要跟上这个领域的发展脚本，因此，你必须不断的学习，不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程，值得好好学习。
阅读全文
摘要：
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果非常简单，只是简单的滑动动作，但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。
阅读全文
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果非常简单，只是简单的滑动动作，但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。
阅读全文
摘要：Treed 是一个功能强大的树型编辑组件。Treed 使用 MVC 模式，简单的构造可以帮助你轻松创建一个完全不同的树形视图。您也可以创建自己的“节点”类，如果你想要做的不仅仅是单一的文本输入。
阅读全文
摘要：Twitter Bootstrap 自从2011年最初发布到网上后，迅速成为 Web 领域最流行的响应式前端开发框架之一，是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件，插件和加载项。在这篇文章中，我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第4期（总第25期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Seen.js 渲染3D场景为 SVG 或者 HTML5 画布。Seen.js 包含对于 SVG 和 HTML5 Canvas 元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。
阅读全文
摘要：At.js 是一个自动完成库，用来实现自动完成提示，表情等，就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符，而不仅仅是 '@' 符号，可为不同的字符设置多个监听器以实现不同的行为和数据。
阅读全文
摘要：你可能已经无意中听说过 Promises，很多人都在讨论它，使用它，但你不知道为什么它们如此特别。难道你不能使用回调么？有什么了特别的？在本文中，我们一起来看看 Promises 是什么以及如何使用它们写出更好的 JavaScript 代码。
阅读全文
摘要：Fixed Responsive Nav 是一个响应式的，固定的，触摸友好的单页网站导航插件，响应式导航，流畅的动画滚动。该项目采用渐进增强构建，支持工作在 IE6 及以上版本的浏览器。 你可以给导航打开的内容添加一个遮罩，自动突出显示当前位置。你可以自由地使用提供的 JavaScript，风格和图标字体用于商业或非商业项目。
阅读全文