06 2014 档案
摘要：互联网连接越来越快，但难免有一些时刻需要我们等待。在这种情况下，创意的设计师尽力减轻用户等待的痛苦，苦思敏想设计各种创意的进度条（或加载条）效果 ，让用户等待的过程变得更加愉悦。
阅读全文
摘要：ScrollMe 是一款 jQuery 插件，用于给网页添加简单的滚动效果。当你向下滚动页面的时候，ScrollMe 可以缩放，旋转和平移页面上的元素。它易于设置，不需要任何自定义的 JavaScript 代码支持。
阅读全文
摘要：在这篇文章中，我们收集了20款时尚的 WordPress 博客模板。WordPress 作为最流行的博客系统，插件众多，易于扩充功能。安装和使用都非常方便，而且有许多第三方开发的免费模板，安装方式简单易用。如果你想快速创建一个电子商务网站，那么使用现有的 WordPress 模板会是很好的方案。
阅读全文
摘要：现在，餐馆、咖啡馆和其他食品为主的机构应该专门设计对应的移动应用程序，以避免失去客户，并也能偶获得更多的新客户。企业拥有一个精心设计的用户友好的移动应用程序是品牌不可或缺的一部分。在这里，我已经收集一批令您垂涎欲滴的30个美味的食物类移动应用程序设计。你会看到好吃的图像，甜美的字体，可爱的纹理和色彩。
阅读全文
摘要：Skippr 是一个超级简单的 jQuery 幻灯片插件。只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。Skippr 能够自适应窗口宽度，而且导航是独特的条形导航。
阅读全文
摘要：Boba.js 是一个小的，易于扩展的 JavaScript 库，让谷歌分析（Google Analytics）的更灵活，更容易。它同时支持旧的 ga.js 库以及新的 analytics.js 库。它有一个开箱即用功能——trackLinks ，并使得一切跟踪功能都变得小菜一碟。
阅读全文
摘要：如果你打算开发网站，你想要关注的第一件事就是网站的外观和感觉。另外用户体验很重要，现在是属于移动互联的时代，用户有可能通过移动设备浏览你的网站，因此同样重要的是要考虑你的网站在移动端的使用体验。使用 HTML5 和 CSS3 响应式设计的理念能够提供更好的体验。
阅读全文
摘要：设计师、工程师、建筑师以及其他创意行业的人员大部分时间是在自己的电脑前。几乎所有的工作的完成，社交关系和电子邮件交流都是在电脑前完成。今天，我想把大家的注意力带到20个令人称赞的以整洁的工作区为背景的网站设计例子中。
阅读全文
摘要：今天，我们想向您展示如何创建平铺背景图像的幻灯片效果。其灵感来自于国外的一个工作室网站（围观），这个网站充满了各种有趣和创意效果，一定记得去看看。这个幻灯片效果是由四个区域的独立移动构成，通过画面分割，同时显示出新的图片。这里需要组合使用 CSS3 的3D转换、过渡和动画功能。
阅读全文
摘要：Supervisor 是一个客户端/服务端模式的系统，使用户能够监视和控制 UNIX 操作系统的进程。Supervisor 为你提供一个地方来启动，停止和监视进程。进程可以单独或成组的形式控制。您可以配置 Supervisor 提供本地或远程命令行和 Web 界面。
阅读全文
摘要：在这个移动互联网告诉的时代，众多的移动应用程序涌现出来。谁能抓住用户的注意力，谁就有可能成功。在下面这些移动 App 界面设计中，你可以看到不同创意类型的视觉效果，让你获得灵感。
阅读全文
摘要：Fenix 是一个提供给开发人员使用的简单的桌面静态 Web 服务器，基于 Node.js 开发。您可以同时在上面运行任意数量的项目，特别适合前端开发人员使用。
阅读全文
摘要：JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具。它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎。JSNice 采用先进的机器学习和程序分析技术，从可用的开源项目学习命名和类型规律。
阅读全文
摘要：大家都知道，扁平设计是现在网页设计领域的最新趋势。对于扁平设计的网页界面，几乎所有的网页设计元素，例如按钮，图标，导航栏等都是扁平风格的。扁平化设计将继续影响 Web 和移动设计行业。在这里， 25套免费的扁平图标为您未来的项目提供很好的素材。
阅读全文
摘要：视差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子，之前的文章给大家分享过，这里再推荐一下。美女很养眼吧 :)
阅读全文
摘要：jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单，快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力，要感谢那些优秀的 jQuery 插件。
阅读全文
摘要：LoopBack 是建立在 Express 基础上的开源 Node.js 框架，专门为 Mobile，Web 和其他设备做了优化。LoopBack 能够连接到多个数据源，使用 Node.js 编写业务逻辑，集成现有的服务和数据。
阅读全文
摘要：就我个人而言，我很喜欢查看新潮的手机应用程序界面设计，这是我现在最喜欢的爱好之一。设计师都知道 Behance 和 Dribbble 这两个网站，上面有聚集了最优秀的设计师和最前沿的设计作品。这里分享的25款创新的移动界面设计案例都是从这些网站挑选出来的，希望这些优秀的应用程序界面设计能让你得到启发。
阅读全文
摘要：Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库，使用其特有的方式生成的动画效果。只需添加一个组件，选择预设，然后你就可以得到一个短网址或者导出为 CSS 代码。
阅读全文
摘要：Ouibounce 是一个微小的库，用于实现在用户离开你的网站的时候显示一个模式窗口。这个库可以帮助你增加着陆页的转换率。 Ouibounce 会在当鼠标光标移动到接近（或通过）视口（viewport）的顶部的时候触发。您可以自定义多远的时候让 Ouibounce 触发，值越高，越敏感。
阅读全文
摘要：之前的文章个大家分享过各种类型的加载效果（Loading Effects），这里再给大家奉献一组基于单个元素实现的 CSS 加载动画集合。这些加载效果都是基于一个 DIV 元素实现的，十分强悍。
阅读全文
摘要：在这个集合中，我们聚集15套精美的 PSD 界面设计模板，网页元素，用户界面工具包，扁平化图标，APP 应用程序 UI 设计的等等。这些来自优秀设计师的 PSD 源文件素材让其它的设计师们在设计用户界面原型的时候能够非常便利，可以免费下载使用。
阅读全文
摘要：Socket.IO 是目前 Web 领域最火的实时引擎，用于实现基于事件的双向实时的通信。它适用于任何平台，浏览器或设备，专注于可靠性和速度。您可以将数据推送到客户端，并获得实时的计数，日志或图表。这是 GitHub 上最强大的 JavaScript 框架之一，Node.js 开发必备。
阅读全文
摘要：网站或者应用系统的管理后台的设计虽然不像前台界面那样要求设计精美，但是也需要有清晰的管理模块划分，下面分享的这个后台管理模板的设计非常漂亮，特别是导航部分，头部还有未读的短消息和提醒的条数显示。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第6期（总第27期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：向社会大众呈现网站内容的方式有很多，这里推荐一组应用方形和矩形元素的网站。人们通常习惯把方形块用于作品集和电子商务网站，因为它是组织和展示作品，如设计，摄影，产品等正方形和长方形元素的最佳方法之一，能够把事情描述清楚和易于理解。下面这20个创意的网站都是使用方形元素的，设计师们可以从中获取灵感。
阅读全文
摘要：在早期，我们都是通过使用 JavaScript 来实现占位符功能。而现在，HTML5 原生提供的 placeholder 属性让我们在现代浏览器轻松就能实现这样的功能。这里向大家分享一个自适应的占位符效果（Adaptive Placeholder），当你输入的时候，提示文字不会消失，而是以动画的方式移动到了输入框的上方。
阅读全文
摘要：使用 CSS3 的3D变换特性，我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 利用 3D transforms（变换）属性来实现多种不同的效果。主要的想法是创建三维图像切片，作为三维物体的另一侧，旋转并显示下一个图像。若浏览器不支持3D变换，一个简单的滑块将作为后备方案。
阅读全文
摘要：网络有这么多的字体，要挑选一款适合你设计的是相当具有挑战性。今天这篇文章，我想给大家分享30款免费的英文大写字体。和其它字体不同，大写字体几乎无处不在，无论你建立什么样的设计项目。看看这个列表，选择你喜欢的字体下载吧！
阅读全文
摘要：Shine.js 是一个用于实现漂亮阴影的 JS 库。您可以设置动态光的位置，可定制的阴影。不依赖于第三方库，兼容 AMD。能在支持 textShadow 或 boxShadow 的浏览器中正常使用，如果有需要会自动添加前缀。
阅读全文
摘要：Bourbon 是一个简单易用的 Sass 混入（Mixin）库，无需配置。该混入包含用于支持所有现代浏览器的 CSS3 属性前缀。前缀需要确保在旧的浏览器支持优雅降级。Bourbon 使用 SCSS 语法。
阅读全文
摘要：图片能够给网页添加很多的个性和情感，另外也是一个抓住观众的注意力的伟大的方式。知道如何在网页设计中使用图像是一门技术，更是一门艺术。所以今天我们给大家推荐一些在布局中使用图像的优秀网站作品。从展示产品到交流想法或情感，图像是一个与你的访客交流的伟大的方式。相信你会在这里找到很多灵感。
阅读全文
摘要：MagicSuggest 是专为 Bootstrap 主题开发的多选组合框。它支持自定义呈现，数据通过 Ajax 异步获取，使用组件自动过滤。它允许空间免费项目，也有动态加载固定的建议。
阅读全文
摘要：如果你是 WordPress 开发人员，下载一些方便的 WordPress 备忘单可以在你需要的时候快速查找。下面，我们已经列出了25个有用的和方便的 WordPress 速查手册，赶紧收藏吧。
阅读全文
摘要：App.js 是一个轻量级的 JavaScript UI 库，用于创建像本地应用程序的移动 Web 应用而不牺牲性能和体验。它是跨平台的，特定的UI设计，配置类似原生的过渡效果。App.js 的目的是为移动 Web 应用提供一种健壮的起点，处理常见情况的问题，与其他常见的 JavaScript 库保持兼容性。
阅读全文
摘要：Web 开发人员对 Node.js 的关注日益增多，更多的公司和开发者开始尝试使用 Node.js 来实现一些对实时性要求高，I/O密集型的业务。这篇文章中，我们整理了一批优秀的资源，你可以得到所有你需要的关于 Node.js 的信息。
阅读全文
摘要：Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库，你需要做的就是添加表单，剩下的任务就交给 Fort.js 算法了，真的非常简单。提供了Default、Gradient、Sections 以及 Flash 四种效果，满足开发的各种场合需要。
阅读全文
摘要：单页网站已经流行很久了，受到很多人的喜爱。从视差滚动和流畅的动画到固定和干净的菜单，你会发现单页网站的效果真的很酷！在这篇文章中，我们寻找了一些真正好用的单页网站创建工具分享给大家。这些工具对于那些想要一个方便的方法来创建单页网站的在线作品集网站或引导页面的人来说很有用。
阅读全文
摘要：Numeral.js 是一个用于格式化和操作数字的 JavaScript 库。数字可以格式化为货币，百分比，时间，甚至是小数，千位，和缩写格式，功能十分强大。支持包括中文在内的17种语言。
阅读全文
摘要：ShortcutMapper 是一个流行应用程序的键盘快捷键映射。该应用程序使用 Ajax 调用来加载键盘和应用程序数据。首先，试图找到一个在线资源，其中列出了每个平台的所有应用程序快捷方式。现在，你可以很容易地使用这个资源导出为可以手动编辑的中间数据格式。
阅读全文