08 2014 档案
摘要：Heatmap 是用来呈现一定区域内的统计度量，最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以帮助你实现各种动态热力图的网页。这个 JavaScript 库将帮助您研究和可视化用户的行为。
阅读全文
摘要：汉堡图标的用户界面功能已经有很悠久的历史，你甚至无法找到真正的原作者。汉堡图标，也就是三条小横线，一直以来被用于表示指向菜单的链接，是一个用来提醒用户那里有隐藏的菜单列表的最佳方式。下面是我收集的20例采用汉堡图标设计来指示隐藏菜单的网站案例。
阅读全文
摘要：
jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。
阅读全文
jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。
阅读全文
摘要：Frame 是一个让你够能够快速创建高品质的网站或应用程序产品原型的工具。你上传的图片将被包裹在真实的设备环境中。它是一个用于创建宣传资料的专业工具。Frame 完全免费供给商业和个人使用。他们也正探索一种可能性，增加额外的功能给那些正在寻找特色功能的用户，但没有计划立即开始收费。
阅读全文
摘要：在谷歌，他们说， “专注于用户，所有其它的就会水到渠成 ”。他们遵循设计原则，寻求建立让用户惊喜的用户体验。谷歌一直挑战自己，为他们的用户创造一种视觉语言，综合优秀设计的经典原则和创新。谷歌设计规范是一份活的文件，因为它们继续更新最新的设计原则和细节。这是一份值得每位设计师收藏和学习的准则。
阅读全文
摘要：Pattern Lab 是一个工具集，帮助您创建原子设计系统。在它的核心，是一个自定义静态网站生成器，构建了缝合原子，分子和生物体的界面结合在一起，形成模板和页面。Pattern Lab 可以作为项目的模式库和前端风格指南。
阅读全文
摘要：这里集合的这组 HTML5 & CSS3 效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示。不管哪一种，这些案例中的技术都值得我们去探究和学习。
阅读全文
摘要：Ampersand.js 是一个高度模块化，松耦合，用于构建先进的 JavaScript 应用程序的框架。通过良好定义的方法，结合了一系列微小的 CommonJS 模块。条理清晰，没有多余的冗余代码。
阅读全文
摘要：Onsen UI 是一个基于元素自定义的 HTML5 UI 框架，用于构建你的移动前端。这个一个基于 Web 组件的概念的框架，让构建应用程序变得更加轻松。Onsen UI 专门针对 PhoneGap 做了优化，特别适合用于开发 Hybird 模式的应用程序。
阅读全文
摘要：Papa Parse 是一个与众不同的，在网页上运行的第一个多线程的 CSV 解析器。它可以解析千兆字节大小文件而不会导致浏览器崩溃。它能够正确地处理格式不正确或边缘的情况下的 CSV 文本。它可以分析在本地文件系统文件，或者通过网络下载。
阅读全文
摘要：今天给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！CSS3 引入了众多供功能强大的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。
阅读全文
摘要：有时候，你只是想创造一些真正很酷的效果。例如我们网站常见的关于我们（About us），我们的历史（Our history）等你想暂展示出一些让你的品牌与众不同的页面。图标填充效果可以帮你设计出一个很酷的网页，只需要几个图标即可，让简单的页面看起来也充满活力。
阅读全文
摘要：HTML5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果。
阅读全文
摘要：Pagekit 是一个模块化，轻量的 CMS 系统，基于现代化的技术，如 Symfony 组件和 Doctrine。它提供了一个很好的平台，用于主题和延伸开发。Pagekit 为您提供了工具来创造美丽的网站，不管它是一个简单的博客，企业网站或 Web 服务。
阅读全文
摘要：HTML5 和 CSS3 技术给 Web 带来了新的利器，点燃了 Web 开发人员的激情。所谓只有想不到，没有做不到，的确如此。下面给大家分享一个结合 CSS3 & Canvas 模拟人行走的动画效果。
阅读全文
摘要：今天我们要为您展示如何使用 CSS 动画， SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说，这些预载入得画面提供了一种创造性的方法，使用户在等待内容加载的时候不会那么无聊。
阅读全文
摘要：每一个 CSS 项目开始时愿望都是很美好的，但不可避免地，多人协作的项目相互之间可能重复使用了相似的颜色，而你从来不知道它们的存在。CSS Colorguard 帮助您保持您想要的颜色设置，当你添加的颜色和那些已经存在的颜色相似的时候提示你。
阅读全文
摘要：404页面在我们平常浏览网页的时候并不会经常碰到，但是有一些无意中出现的404页面的确很有意思。404页面也有一些特别的用途，例如显示公益广告，推广网站自身的内容等等。这里分享一个创意的404错误页面设计案例。
阅读全文
摘要：CSS3 引入了众多供功能强大的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮，漂亮吧？把鼠标悬停在按钮上，还有动感的光泽移动效果。
阅读全文
摘要：这是一个模拟可撕裂布料效果的 HTML5 Canvas 应用演示，效果逼真。你会看到，借助 Canvas 的强大绘图和动画功能，只需很少的代码就能实现让您屏息凝神的效果。
阅读全文
摘要：Outdated Browser 是一个能够给开发人员节省时间的工具。它可以检测过时的浏览器，并建议用户升级到新版本。所以，如果你厌倦了用户使用一个过时的浏览器访问你的网站，那么这款工具可以帮助你让用户知道他们正在使用的是一个过时的浏览器，并建议他们更新。
阅读全文
摘要：Hya.io 是基于 Web 的音频应用程序，通过 Web MIDI ，音频合成器，音序以及大量的插件来支持硬件 MIDI 。您可以添加插件到工作区，将其连接到路由音频，进行播放和实验。您可以使用各种事件，如 handleMouseOver 和 handleMouseDown 的绑定到 Hya GUI 。
阅读全文
摘要：SlidesJS 是一款老牌的 jQuery 幻灯片插件，经过多年的发展，已经成为一款功能齐全，设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过渡效果，并且能够自动生成分页，可以帮助开发者制作出优雅的幻灯片效果。
阅读全文