05 2014 档案
摘要：Origami 是一个为 Quartz Composer 开发的免费的工具包——由Facebook设计团队创建，让交互设计原型更加简单，不需要编程。如今，大多数设计师通过创建静态原型来表达要实现的应用程序，但是越来越多的应用程序只是静态的，这意味着作为设计师需要一个更好的工具用于交互设计。
阅读全文
摘要：在这篇文章中，我们收集了20款时尚的 WordPress 简洁模板。WordPress 作为最流行的博客系统，插件众多，易于扩充功能。安装和使用都非常方便，而且有许多第三方开发的免费模板，安装方式简单易用。如果你想快速创建一个电子商务网站，那么使用现有的 WordPress 模板会是很好的方案。
阅读全文
摘要：JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。JSCapture 使用 getUserMedia 来实现屏幕捕获。目前的屏幕捕捉的 API 仅支持 Chrome 浏览器。
阅读全文
摘要：Flipbook（书页）或者页面翻转已成为在网页设计中最流行的交互动画之一。他们可以用在 Flash，网页或者在线杂志中。除了结合 HTML5 和 CSS3 可以实现这样的动画外，也有很多优秀的插件可以帮助你。这篇文章给大家推荐1款最好的 jQuery 书页翻转（Flipbook）插件。
阅读全文
摘要：Draggabilly 是一个很小的 JavaScript 库，专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器，支持多点触摸。可以灵活绑定事件，支持 RequireJS 以及 Bower 安装。
阅读全文
摘要：在显示复杂的表格数据的时候，相信 Web 开发人员都碰到过显示不下的情况。RWD Table Patterns 是一个很好的响应式表格解决方案。它采用移动优先以及渐进增强的设计理念，在不支持响应式的浏览器会使用滚动条代替。
阅读全文
摘要：下面的列表集合了20款高质量的免费 HTML5 网站模板，这些专业的模板能够让你的网站吸引很多的访客。这些免费的 HTML5 模板虽然不是响应式的，不过都很实用。赶紧来看看。
阅读全文
摘要：如果你看过三星企业设计中心网站，你肯定已经注意到了时尚的网格加载效果。在这篇文章中，我们想向您展示了如何使用 Masonry 网格砌体插件，结合 CSS 动画重现这种效果。另外在这里，我们还借助了 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用。
阅读全文
摘要：PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库。它可以在60fps下运行，允许您构建数据研究应用和档案，即不必等待一个数据库调用来呈现查询结果。PourOver 基于可以彼此任意地构成，而不必重新计算其结果的简单查询的理想。
阅读全文
摘要：在这篇文章中，我们收集了20款时尚的 WordPress 企业模板。WordPress 作为最流行的博客系统，插件众多，易于扩充功能。安装和使用都非常方便，而且有许多第三方开发的免费模板，安装方式简单易用。如果你想快速创建一个电子商务网站，那么使用现有的 WordPress 模板会是很好的方案。
阅读全文
摘要：今天我们想与大家分享一个小的动画概念。这个梦幻般的效果是在马库斯·埃克特的原型应用程序里发现的。实现的基本思路是对网格项目进行 3D 旋转，扩展成全屏，并呈现内容。我们试图模仿应用程序的行为，因此创建了两个演示，分别演示垂直和水平旋转网格项。
阅读全文
摘要：WTF forms 借助 CSS 提供友好的 HTML 表单控件，专为 IE9+ 以及最新的 Chrome、Safari 和 Firefox 浏览器。以文件输入控件的改进，使用 label 包裹在 input 的外贸，所以自定义控件可以正确触发文件浏览器，并且定义了点击时的样式，像复选框和单选框还有选中状态的样式。
阅读全文
摘要：Tiff 是一款字体对比工具，可视化对比两种字体之间的差异。这是一个工具来帮助比较两种字体，同时学习排版。在这一点上，谷歌 Web 字体作为 Tiff 外部字体文件的唯一来源。由于应用程序使用的一些功能需要 HTML5 和 CSS3 支持，因此请使用现浏览器来使用。
阅读全文
摘要：Quill 的建立是为了解决现有的所见即所得（WYSIWYG）的编辑器本身就是所见即所得（指不能再扩张）的问题。如果编辑器不正是你想要的方式，这是很难或不可能对其进行自定义以满足您的需求。Quill 旨在通过把自身组织成模块，并提供了强大的 API 来构建额外的模块来解决这个问题。
阅读全文
摘要：Photopile JS 是模拟照片散布堆叠在一起的 JavaScript/jQuery 图片库。点击缩略图，照片会弹出放大 ，再次点击照片会返回。缩略图是可拖动的，允许照片深深的堆在一起而不被覆盖，提高好的使用体验。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第5期（总第26期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Shepherd 是一个指导用户使用应用程序的 JavaScript 库。它使用 Tether——另一个开源库，实现所有的步骤。Tether 确保你的步骤不会溢出屏幕或被剪裁。你可以很容易地指导用户使用您的应用程序。
阅读全文
摘要：Gulp.js 是一个简单、直观的构建系统。崇尚代码优于配置使，使复杂的任务更好管理。通过结合 Node 的数据流的能力，你能够快速构建。通过简单的 API 接口，只需几步就能搭建起自己的自动化项目构建工具。
阅读全文
摘要：在企业网站，作品集网站，电子商务网站或任何其他类型的网站内容显示图片可以使用 jQuery 旋转木马（传送带）插件来实现。 jQuery 旋转木马插件允许开发人员以水平或垂直的方式显示内容，视频和图像，以使网站在视觉上更加创意和美丽。
阅读全文
摘要：这里给大家展示一个使用 HTML5 WebGL 实现超逼真的云朵效果。WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。
阅读全文
摘要：LESS 是一个编写 CSS 的很好的方式 ，使您可以使用变量，嵌套规则，混入以及其它许多有用的功能，它可以帮助您更好地组织你的 CSS 代码。最近我一直在研究 Node.js ，并想用 less-middleware 中间件，这样我可以很容易的在我的应用程序中使用 LESS 了。配置好以后，LESS-Middleware 能够自动处理编译你的 LESS 代码为 CSS 代码。
阅读全文
摘要：Masonry 是一款 JavaScript 网格布局插件，可以实现类似 Pinterest 模式的砌体布局效果。通过把元素自动填充在垂直的空白区域，就像墙上堆砌的石头一样。这个库还可以作为 jQuery 插件使用，帮助你轻松实现这种效果。
阅读全文
摘要：有的时候，在我们的应用程序中，我们希望能够显示特定任务的百分比进度。这里分享的这款小巧的 JavaSript 插件就是实现这个功能，易于使用和定制，而且是是免费开源的。
阅读全文
摘要：下面的列表集合了20款响应式的 HTML5 网页模板，这些专业的模板能够让你的网站吸引很多的访客。除了好看的外观，HTML5 模板吸引大家的另一个原因是由于其响应性和流动性。一起来看看。
阅读全文
摘要：Framer 是一个 JavaScript 框架，简化了创建现实原型，实现完整的3D效果。以一种简单，可读的和强大的方式定义交互和创建动画。另外还有 Framer Generator 是一个桌面应用程序，你的视觉设计完成后，使用 Framer Generator 导入就可以立刻开始添加交互和动画。
阅读全文
摘要：创意的空间是无穷无尽的，下面这组基于桌面视图的网页设计作品带给你独特的视觉冲击。通过使用摄影或完整的布局模仿书桌或桌子来实现这种风格。
阅读全文
摘要：一款好的图表插件不是那么容易找到的。最近项目里需要实现统计图表功能，所以在网上搜罗了一圈，找到一些不错的图表插件，分享大家。众多周知，图形和图表要比文本更具表现力和说服力。这里精心推荐几款实用的 JavaScript 图形图表库，可以帮助你实现各种功能的图表。
阅读全文
摘要：Velocity 是一款 jQuery 插件，重新实现了 $.animate() 方法，提供更高的性能（比 CSS 动画还更快），同时包括一些新的功能，以改进动画工作流程。Velocity 除了包括所有 $.animate() 的功能外，同时也包装了颜色的动画，转换，滚动等动画效果。
阅读全文
摘要：越来越的用于通过移动设备访问网络，因此对于企业来说，现在比以往任何时候都更需要一个移动网站。但是，怎么样才能制作一个优秀的移动网站呢？为了回答这个问题，Google 与 AnswerLab 合作，研究如何一系列用户如何与不同类型的手机网站互动。谷歌建立了移动网站设计的25个原则，以帮助企业构建用户体验优秀的移动网站。
阅读全文
摘要：Ball Pool 是一个基于 HTML5 技术的实验，模拟现实物理效果，让你在 Web 中感受自然物体的运动。玩法介绍：可以随意拖动圆球、点击页面背景、晃动浏览器、双击页面背景或者按住鼠标左键，有不同的效果，赶紧来体验一下。
阅读全文
摘要：Debug 是一个跟踪调试消息的 JavaScript 库。因为它只是对 console.log 的包装，所以支持 Node 和浏览器。它允许你过滤日志输出而不需要改变你的源代码，也输出时间差异，可以让您轻松地告诉你日志消息间隔多少时间。
阅读全文
摘要：对于我来说，Web 前端开发是最酷的职业之一，因为你可以用新的技术发挥，创造出一些惊人的东西。唯一的问题是，你需要跟上这个领域的发展脚本，因此，你必须不断的学习，不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程，值得好好学习。
阅读全文
摘要：store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。
阅读全文
摘要：Captain Icon 是一套一个惊人的免费图标集，包含350+有趣的矢量图标，可以缩放到任意大小而不会降低质量。图标的类别很丰富，有设计，体育，社会，天气等很多类别。提供 EPS、PSD、PNG、SVG 和 Web 字体，因此您可以将它们应用在您的 Web ，移动和桌面项目中。
阅读全文
摘要：Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架，保持你的 HTML 代码简洁。内置尽量使用占位符选择器，以减少你的 HTML 标记的大小，没有凌乱的 HTML 代码。快速创建网站的布局响应式将变成一件轻而易举的事。
阅读全文
摘要：
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果非常简单，只是简单的滑动动作，但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。
阅读全文
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果非常简单，只是简单的滑动动作，但另外的一些则是利用了视角和 3D 转换来创造一些立体动感的效果。
阅读全文
摘要：你见过动物是怎么笑的吗？你想知道动物朋友们笑起来是什么样的吗？下面的30幅图片向你展示一组很有趣的的动物快乐的表情。一起欣赏：）
阅读全文
摘要：Treed 是一个功能强大的树型编辑组件。Treed 使用 MVC 模式，简单的构造可以帮助你轻松创建一个完全不同的树形视图。您也可以创建自己的“节点”类，如果你想要做的不仅仅是单一的文本输入。
阅读全文
摘要：Perfect Scrollbar 是一个很小的，但完美的 jQuery 滚动插件。滚动条不会影响原来的设计布局，滚动条的设计是完全可定制的。你可以改变几乎所有的 CSS 样式的滚动条，滚动条设计对脚本没有依赖性。
阅读全文
摘要：Jeet 是一个先进的，直观的 CSS 网格系统。通过使用预处理器的强大功能，我们现在可以通过实际分数（或者浮点数）来生成一个基于百分比宽度和间隔的网格。让你用更少的代码，更快的速度构建页面布局。
阅读全文
摘要：最近很多人都在看《舌尖上的中国》第二季节目，那些来自各地的美食看了让人直流口水。今天这篇文章挑选了10个美味的餐馆和食品网站，体验舌尖上的设计。餐馆和食品相关的网站往往也是非常鼓舞人心的。从精致的美食摄影到漂亮的布局，食品相关网站肯定能吸引足够多的眼球。
阅读全文
摘要：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 元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。
阅读全文
摘要：Pop 是一个可扩展的 iOS & OS X 动画引擎。除了基本的静态动画，它支持弹簧和动态衰减的动画，因此可以用于构建现实的，基于物理的交互效果。它的 API 可以与现有的 Objective-C 代码库快速整合，可以为任何对象上的任何属性添加动画。
阅读全文
摘要：At.js 是一个自动完成库，用来实现自动完成提示，表情等，就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符，而不仅仅是 '@' 符号，可为不同的字符设置多个监听器以实现不同的行为和数据。
阅读全文