10 2014 档案
摘要：作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构，让他们可以方便的导航到上一层页面。在本教程中，您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。
阅读全文
摘要：在这篇文章中，我们收集了一些在过去的几个月里最喜欢的 jQuery 插件。为了使您更容易搜索到自己喜欢的 jQuery 插件，我们已经对插件进行了分类： 页面布局插件，图片和视频插件，滑块和画廊，排版插件，最后一组 jQuery 插件工具。
阅读全文
摘要：随着社会的发展，世界各地都在城市化进程中。众多的疯狂高楼建筑拔地而起，高楼的世界排名也在不断被刷新。包括上海中心大厦迪拜明珠、沙特王国塔、台北盘旋式摩天大楼、阿卜杜拉国王石油研究中心等等。
阅读全文
摘要：这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点， 拥有很多让人期待已久的新特性，特别是在移动端，Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。
阅读全文
摘要：全屏滚动效果是最近非常流行的网页设计形式，带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器，包括IE8+，支持移动设备。
阅读全文
摘要：CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如，:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。
阅读全文
摘要：GifShot 是一个可以创建流媒体，视频或图像的 GIF 动画的 JavaScript 库。该库的客户端特性使其非常便携，易于集成到几乎任何网站。利用最先进的浏览器 API ，包括 WebRTC ，文件系统，视频，Canvas，Web Workers，类型化数组和 Base 64 编码，支持超过20个选项。
阅读全文
摘要：极简主义正被用于几乎所有的艺术形式，极简主义的概念形成也已经很久了。极简的艺术形式被定义为消除所有非必要元素，以便让呈现原本的特色。自从万维网诞生，网页设计领域相当流行，极简主义是将内容放到最前沿，以提高可用性和提供干净的浏览体验。
阅读全文
摘要：ClockPicker 是国内前端开发者发布的一个时钟样式 Timepicker，可以用于 Bootstrap 和 jQuery。所有主流浏览器都支持，包括 IE9+，支持移动设备，能够在触摸屏设备很好的工作。 ClockPicker 在设计之初是用于 Bootstrap 项目的，因此，Bootstrap 和 jQuery 是唯一的依赖。
阅读全文
摘要：André Revin 使用 Illustrator 创建 iOS7 iPhone 5 的样机原型。这是一个像素完美的线框样机，可以帮助超级轻松的打造你的原型。你可以免费下载源文件，并在工作中使用。
阅读全文
摘要：分享一组高速摄影捕捉的水滴飞溅照片。摄影师 Corrie White 捕捉拍摄了我们都见过，但没有去真正注意到的水滴。Corrie 通过在水滴里添加颜料，利用高速摄影设备把看似简单的操作变成一些列惊人的图像。就好像他们不是在拍摄水而是在雕塑水。
阅读全文
摘要：在设计一个网站或 Web 应用程序时，你不能否认网页设计工具的重要性，这些工具有助于简化您的任务和完成您的项目。FreeIconMaker.com 是一个免费的在线图标制作工具，您也可以创建自己的模板并与他人分享。
阅读全文
摘要：各食品相关网站的目的是为了以最美观的方法展示他们的食物和饮料。设计师依靠巨大的吸引力的图像或视频来触发访客的胃口。此外，食品网站应该很容易使用和浏览，因此它有需要完美设计的网站，以吸引更多的顾客变得极为重要。在这个综合列表中，一批新鲜美味的食品和饮料的网站设计将令您垂涎欲滴！
阅读全文
摘要：PerfMap 是用来分析前端性能，基于资源定时 API 生成网页资源加载的前端性能热图。热图的颜色和第一个毫秒值指示在什么时候页面的图像加载完毕，这是用户体验的一个很好的指标。括号中的第二个值是浏览器加载特定图像的时间。
阅读全文
摘要：
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。
阅读全文
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。
阅读全文
摘要：Strip 是一个灯箱效果插件，显示的时候只会覆盖部分的页面，这使得侵扰程度较低，并留出了空间与页面上的大屏幕，同时给予小型移动设备上的经典灯箱体验。Strp 使用jQuery 实现，支持所有主流浏览器。
阅读全文
摘要：在 iOS 8 发布不久，Teehan & Lax 就发布了 iOS 8 用户界面的 PSD 模板。该网站分享众多 PSD 模板素材，这些精美的 PSD 界面模板在制作界面原型非常有用，能够帮助设计师节省大量的时间和精力，赶紧去下载吧。
阅读全文
摘要：我敢肯定，你们中的大多数都知道在设计中使用时间轴的，尤其是 Facebook 配置文件改版成这样显示之后，这种风格更加流行。此外，像 Path 和 Tweetbot 也在一些智能手机应用程序使用基于时间轴的设计，以展示他们的故事。时间线是显示一个整洁，准确风格事件的最佳途径之一。
阅读全文
摘要：Hello.js 是一个客户端的 Javascript SDK，用于实现 OAuth2 认证（或者基于 OAuth 代理实现的 OAuth1）的 Web 服务和查询 REST API。 HelloJS 标准化路径和对通用的 API 响应 ，如谷歌的数据服务， Facebook 的图形和 Windows Live 连接。HelloJS 也可以在 PhoneGap 应用程序中运行。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第9期（总第30期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：Arctext.js 是基于 Lettering.js 的文本旋转插件，根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。虽然 CSS3 也能够实现字符旋转效果，但是要让安排每个字母都沿着弯曲路径排布相当的复杂，结合 Arctext.js 则可以轻松实现这个效果。
阅读全文
摘要：HTML5 和 CSS3 网站模板存在巨大的需求，网页设计师们都喜欢现成的网站模板，能够轻松地设计和开发美观，吸引眼球的网站。如果你正在寻找响应式的 HTML5 & CSS3 模板，那么你找对地方了，这里罗列了30套免费的响应式 HTML5 & CSS3 模板，可以免费下载。
阅读全文
摘要：Midnight.js 是一款 jQuery 插件，在页面滚动的时候实现多个头设计之间的切换，所以你总是有一个头与它下面的内容层叠，看起来效果很不错。 Midnight.js 可以让你轻松实现这种切换固定头的效果。
阅读全文
摘要：在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式，可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。
阅读全文
摘要：Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央，不管您使用的是台式电脑，手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择，可以灵活控制。
阅读全文
摘要：jPaginate 是一款非常精致的分页插件，提供了五种不同风格的分页效果，支持鼠标悬停翻页，快速分页功能。这款插件还提供了丰富的配置选项，你可以根据需要进行设置。
阅读全文
摘要：AngularJS 是谷歌一个 JavaScript 框架，旨在简化前端应用程序的开发。如果你在开发单页的应用程序，我敢肯定你已经听说过它。我是 AngularJS 的忠实粉丝，在这篇文章中我将概述五条我为什么这么喜欢它的原因。
阅读全文
摘要：感谢 HTML5 带来的惊人的先进特性，在未来几年，HTML5 将会继续发挥巨大的推动作用，不仅是在 Web 应用中，网页设计领域也会有新的变革。今天，我们在这里集合了能够带给您灵感的25个最新鲜的 HTML5 网站。
阅读全文
摘要：这里向大家分享一组创新的 Off Canvas 导航效果。Off Canvas 导航在一些移动应用程序中被广泛使用。当你点击汉堡按钮（一般是三条横线组成）时，在左侧或者右侧拉出一个菜单，这样可以充分利用移动设备界面中极为有限的空间。
阅读全文
摘要：Csstyle 是一种现代的方式，用于制作精美的可维护样式表。这个 Csstyle 方法使用 SASS 混入，使你的 CSS 更具可读性和语义，并为你生成选择器，自动处理嵌套等事情。 Csstyle 使您的项目结构令人耳目一新。
阅读全文
摘要：jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像，视频 和其它内容（使用模式窗口）。如果你是一个开发人员，你必须拥有 jQuery 灯箱插件集合，因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。
阅读全文
摘要：标签云是博客的标配功能，能够清晰的呈现博客的各个关键词和主题。在这个效果中，您将学习如何使用 CSS3 技术创建一个效果精美的标签云效果。 作为实验项目，使用了 CSS3 渐变，阴影和最重要的的 CSS 变换特性。
阅读全文
摘要：Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本，使用 Emscripten 自动转换。这是一个简单的 OCR （光学字符识别）程序，可以扫描图像中的文字回文本。不像 GOCR.js，Ocrad.js 被设计成一个端口，而不是围绕可执行的包装。因此它需要的时间仅为 GOCR.js 的八分之一。
阅读全文
摘要：Jellycons 这套由 LoveUI.co 设计图标包括30款扁平化，圆滑，丰富多彩的 iOS 8 应用程序图标，可以用于于个人和商业项目的使用。另外，PNG 格式包含11种尺寸(1024px, 512px, 152px, 180px, 120px, 87px, 80px, 76px, 58px, 40px, 29px)，支持 iPhone 6 和 iPhone 6 Plus。
阅读全文