12 2014 档案
摘要：Mobile App Introduction Template 是一个基本的网站模板，展示您的应用程序的最佳功能，丰富了视频滑块，让用户更好的理解。这是一个可定制，响应式的模板，可以让视频滑块变成桌面屏幕。
阅读全文
摘要：jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。ZOOM 是一款全屏效果的 jQuery 图片切换展示插件，支持键盘前后按键切换，支持移动设备。
阅读全文
摘要：BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去，我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果，随着越来越多的浏览器对 CSS3 的支持和完善，使用 CSS3 来实现美观的按钮已没有太多的障碍。
阅读全文
摘要：Wami 地图项目把 OSM 数据分享给所有的人，很容易使用。他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据。它们的 API 使人们有可能检索不同格式的 POI，包括GeoJSON。OSM（OpenStreetMap）地图由用户根据手提GPS装置、航空摄影照片、其他自由内容甚至单靠地方智慧绘制。
阅读全文
摘要：L20n是 Mozilla 开发的用于 Web 开发的本地化框架。它允许本地化开发者把逻辑细分为本地化的资源。 L20n 的框架不再需要开发人员深入理解自然语言的具体细节，并提供了机会为本地化创造更好的翻译。L20n 重塑软件本地化，用户应该能够从自然语言的整个表现力中受益。
阅读全文
摘要：今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构，使单一的色板或列表点击切换。当点击其中一项，我们就会旋转以显示所选择的项目。
阅读全文
摘要：
现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。
阅读全文
现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着 Web 技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。
阅读全文
摘要：非常炫的图片旋转滑动特效，相信会给你留下深刻印象。滑动图像时，我们会稍稍旋转它们并延缓各元素的滑动。滑块的不寻常的形状是由一些预先放置的元素和使用边框创建。另外支持自动播放选项，鼠标滚轮的功能。
阅读全文
摘要：JuliusJS 是用于在网页中的语音识别库。这是 Julius（由日本京都大学和日本IPA联合开发的一个实用高效双通道的大词汇连续语音识别引擎）的 JavaScript 实现。它实时侦听用户的语音并通过回调转录说的话。
阅读全文
摘要：Elastislide 是一款非常优秀的响应式 jQuery 图片循环展示（旋转木马）插件，集成了 Touchwipe 插件以支持触屏设备。提供了四种效果：水平图片传送带、垂直图片传送带、固定在屏幕底部以及缩略图形式预览。
阅读全文
摘要：Apple Watch 是苹果公司于2014年9月发布的一款智能手表。分为运动款、普通款和定制款三种，采用蓝宝石屏幕，有银色，金色，红色，绿色和白色等多种颜色可以选择。这里分享的是 Apple Watch PSD 源文件，可以免费下载使用。
阅读全文
摘要：在这个小实验中，我们创建了一个交互式的照片堆栈效果。提供了一些模拟现实的互动的可能性给用户。这个想法的思路是：有一些照片在桌面上可以拖放一样，堆放和删除，每个动作类似现实世界的行为。
阅读全文
摘要：在CSS中，我们使用 ::first-line 选择器来给元素第一行内容应用样式。但目前还没有像 ::nth-line、::nth-last-line 甚至 ::last-line 这样的选择器。实际上这期选择器在某些情况下是非常有用的，Lining.js 提供了这样的功能。
阅读全文
摘要：作为最优秀的 JavaScript 库之一，jQuery 不仅使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果。这篇文章挑选了12个优秀的 jQuery 实例教程，这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。
阅读全文
摘要：Sonic.js 是一个很小的 JavaScript 类，用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。
阅读全文
摘要：Charted 是一个让数据自动生成可视化图表的工具。只需要提供一个数据文件的链接，它就能返回一个美丽的，可共享的图表。Charted 不会存储任何数据。它只是获取和让链接提供的数据可视化。
阅读全文
摘要：这个一款简单的 jQuery 倒计时插件，用于显示剩余的天数，小时，分钟和秒。jQuery 编写的一个简单的倒计时效果。倒计时功能是非常有用的一个小功能，可以告诉用户多久以后您的网站将会发布或者关闭进行维护，还可以用于举办活动的开始和停止的倒计时。
阅读全文
摘要：Droidicon 提供超过1600款定制图标，让你可以超级容易的把图标和徽章添加到您的应用程序中。你可以自定义你想要的各种形式的图标，给图标添加描边，透明度和颜色过滤器。包括这些 Google Material Design、Font Awesome、Iconic、Entypo 以及 Meteocons 系列。
阅读全文
摘要：tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单，使用 data 属性配置参数。可以自定义对焦点的位置、模糊半径、焦点的区域大小以及方向。
阅读全文
摘要：众多周知，图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。在这篇文章中，我们收集了15款值得网站开发者收藏的 JavaScript 图形图表库，可以帮助你实现各种功能的图表。
阅读全文
摘要：今天我们要为您展示如何创建一个简单的弹性幻灯片，带有缩略图预览功能。Elastic Image Slider 这款幻灯片能够自动调整以适应到其父容器，我们可以通过幻灯片使用缩略图预览或幻灯片的自动播放选项。
阅读全文
摘要：HTML5 已经成为众所周知的语言，大量的 HTML5 资源和工具正在建立，以帮助开发人员和设计人员。今天，我们展示12款免费的响应式 HTML5/CSS3 网站模板，帮助你创建醒目和视觉震撼的网站。
阅读全文
摘要：今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题，作者和链接按钮。对于一些的效果，我们将使用3D变换。这样做的目的是保持奇妙的效果，并为许多不同的变化提供了灵感。
阅读全文
摘要：这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中，有的可以帮助你在页面滚动的时候添加动感的元素动画，有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件，你也可以让网站变得高大上起来。
阅读全文
摘要：这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体，包括微博，视频和地图，并把它们与日期相关联。
阅读全文
摘要：好像在汽车行业的很难找到好看的网站。汽车行业大多数的网站都是典型的庄家式的界面，充斥着“预定试驾”和“索取宣传手册”按钮，但有也有一些汽车公司不仅呈现精美的汽车，其功能结合惊人的图像和整齐的布局，从而带来一个更有趣的浏览体验。今天的展示的是来自汽车行业的20个创意宣传网站。
阅读全文
摘要：这是一个基于 CSS3 动画实现的图片过渡效果，共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。
阅读全文
摘要：MetricsGraphics.js 是建立在D3的基础上，被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的，一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图，散点图和直方图，以及地毯地块和基本线性回归功能。
阅读全文
摘要：Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。在第二组中采用了 SVG 动画，这也是目前比较流行的方式。
阅读全文
摘要：响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件，它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。
阅读全文
摘要：网页设计，像网络营销的其它领域，在2014年也是经历了数次变革。几个新的网页设计趋势有望在2015年出现，预计在网页设计领域会出现更具创新和有趣的设计理念，特别是新旧趋势的融合。下面就让我们来看看，2015年 Web 设计领域的发展趋势。
阅读全文
摘要：《水果忍者》是一款非常受喜欢的手机游戏，刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发，采用 vml + svg 绘图，使用了 Raphael，效果很赞，赶紧来膜拜一下。
阅读全文
摘要：Material Design 是谷歌推出的全新的设计理念，采用大胆的色彩、流畅的动画播放，以及卡片式的简洁设计。Material Design 风格的设计拥有干净的排版和简单的布局，容易理解，内容才是焦点。Material UI 是一个 CSS 框架和一组实现谷歌 Material Design 设计规范的 React 组件。
阅读全文
摘要：《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用。
阅读全文
摘要：在访客浏览你的网站的时候，他们注意到的第一件事是你的网站头部。无论是一个小导航条或大型全屏照片幻灯片，网站头部都是网站重要的一个组成部分。大的网站头部往往更令人难忘，有利于提升一个网站的品牌。在这篇文章中，我想向网页设计师们分享新潮的网站头部设计案例。
阅读全文
摘要：Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候，为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ，并给出了一个有趣的动态的互动。有很多应用场景，例如分类和组织内容（像 Pinterest 的面板），或在邮件应用程序或内容管理系统中执行一些操作。
阅读全文