03 2013 档案
摘要：随着移动互联网的蓬勃发展，响应式布局的热度正在持续上升。但是对于 Email 来说，其标准几乎从来没有改变过，通常情况下，我们还是更喜欢固定宽度的布局。 Antwort 是一个免费的 Newsletter（电子报）模板， 仍然使用了表格，但提供了一个响应式的多列布局。 而且，这个模板在所有主要的电子邮件客户端（包括OutLook）都能使用。
阅读全文
摘要：这篇文章收集了50+非常有创意的简历设计作品与大家分享，相比国内求职者中规中矩的简历，这些国外的简历设计非常新颖，让人眼前一亮！一份让人眼前一亮的简历也许就能带给你一份不错的工作，一起欣赏！
阅读全文
摘要：分步指南用于向首页使用网站或者移动应用添加漂亮的分布指南效果。支持使用键盘的前后方向键导航，使用 Enter 和 ESC 键推出指南。Intro.js 是 GitHub 上的开源项目，目前仅支持 Chrome、Firefox、Safari 浏览器，其它浏览器的兼容已加入 Roadmap 中。
阅读全文
摘要：大家都知道 Google 的 PageSpeed，这是一个网页性能优化的服务和工具包，同时还有个广泛使用的模块 mod_pagespeed，把性能优化的最佳实践应用于 Apache 托管的网站。如今，这个模块有了 Windows 版本—— IISpeed，这个免费的网站性能优化模块有同样的功能，支持 IIS7、IIS7.5 和 IIS 8。
阅读全文
摘要：如今，使用纹理是网站设计的最佳实践之一。纹理可以给你的网站一个极好的和时尚的外观。在本文中，收集了15套高品质的免费纹理包，这些纹理包有木材，纸张，纤维，金属，石头和雨滴等多种多样的材质。
阅读全文
摘要：Bespoke.js 是一个非常轻量的 JavaScript 框架，用于实现效果精美的自定义幻灯片演示文稿和内容滑块。提供了 JavaScript API 与所有主要事件，如Next，Prev，获取一个特定的幻灯片等，有一个插件系统来扩展它的功能。官方提供了五套风格各异的演示文稿主题，超级炫丽！
阅读全文
摘要：今天这篇文章向大家展示20佳设计精美 HTML5 的网站作品，让大家感受一下 HTML5 的魅力。HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等，则是用来丰富网页内容。
阅读全文
摘要：在制作网页的时候，我们会使用一些假内容和图片来填充页面，这样能够看到更真实的效果。在之前的工作中，我用过的一款占位图片生成工具生成的图片是只有背景色的色块，没有图像，所以效果不够真实。这篇文章向大家分享一款特别有个性的随机占位图片生成工具——hhhhold.com，你可以通过 URL 定制，hhhhold.com 会随机返回图片。你永远想象不到下一张会是什么图片。
阅读全文
摘要：在网上溜达的时候发了这个好网站——opendesigns.org，上面分享了2068个免费的网站模板。提供了搜索功能，可以根据风格和功能（艺术、教育、画廊、杂志、作品集、电子商务等）、颜色以及关键字搜索模板，高级搜索模式还支持按列数、布局模式搜索。
阅读全文
摘要：Swipebox 是一款可触摸的 jQuery 灯箱效果插件，可用于桌面，移动和平板电脑。它移动设备支持滑动手势导航，桌面电脑上可以用键盘导航，不支持 CSS3 过渡特性的浏览器使用 jQuery 降级处理，支持视网膜显示，能够通过 CSS 轻松定制。在下列浏览器测试通过：Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, Windows Phone。
阅读全文
摘要：响应式设计在近一年来谈论很多。如今，随着手机使用的惊人增长，每一个网站应该是响应式的，这样才能够适应用户五花八门的屏幕尺寸。今天，我收集了一些新鲜的响应式设计的优秀网站示例，希望能带给你帮助。
阅读全文
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的强大公式的功能库，带给 Web 开发人员最常用的日期/时间，文本，逻辑，金融等各个类别的公式。
阅读全文
摘要：Unslider 是一款非常轻量的 jQuery 插件（压缩后只有 1KB），能够用于任何 HTML 内容的滑动。可以响应式容器的大小变化，自动排布不用大小的滑块。可以通过整合 jQuery.event.swipe 来让其支持触屏设备的滑动功能。
阅读全文
摘要：音乐有数百种不同的类型，每个人自己都有特定喜欢的类别。音乐是一种独特的艺术形式，远不止只是从口或从乐器发出声音。在这个展示中，你会发现最好的音乐主题壁纸，相信你一定能找到喜欢的来装饰电脑桌面。
阅读全文
摘要：应用程序的成功更多地依赖于它的界面，而不是它的功能，因为现在的用户更注重外观。 一个有吸引力的，友好的用户界面不是一件容易的事，因为你不仅要注重图形元素，还要知道如何完美地将它们组合。 下面你可以看到收集的20个有趣和创新的应用程序的界面设计例子。正如你可以看到的，他们具有实用性和设计之间的完美平衡。
阅读全文
摘要：jPanelMenu 是一款用于创建面板风格的 jQuery 菜单插件。这种风格在移动版的 Facebook 和 Google 以及众多的原生 iPhone 应用中很常见。在支持的设备上使用硬件加速的 CSS3 过渡来实现平滑的动画效果，对于支持的浏览器，使用 jQuery 动画引擎作为降级方案。
阅读全文
摘要：不管你是多么优秀的程序员，你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候，若有现成的在线手册可参考则可以为你节省很多时间。为了方便各位朋友，我向大家推荐一个非常棒的在线手册索引网站——overapi.com，这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。
阅读全文
摘要：早在1月份，我向大家分享了《谈谈构建单页布局网站的创意技术》，随着单页设计得到越来越多的设计师的关注，今天我们决定向您展示一组鼓舞人心的单页网站例子，一起欣赏。
阅读全文
摘要：这篇文章继续向大家分享一批实用的 jQuery 插件，今天带来的是网站项目中最常用的表单插件。2012年众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等。
阅读全文
摘要：Photoshop 是一款梦幻般的软件，因为它可以让你创建出任何你能想象到的东西。在本文推荐的教程中，我们将分享照片特效，插图技术，文字特效，怀旧效果，数码艺术，绘图和绘画教程。
阅读全文
摘要：之前的文章向大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各行各业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。网页设计师需要花费大量的时间来创建一个漂亮的网站，让我们一起来欣赏这些优秀设计师的作品。
阅读全文
摘要：Spoiler Alert 是一款非常好玩的 jQuery 小插件，可以在您的网站上实现内容模糊隐藏效果。鼠标悬停的时候会有提示，点击一下就可以看到原始的内容了。我能想到的最好的应用场景是在线测验，先把答案隐藏，等答完题后点击可以核对答案。这款插件使用 CSS Filters（滤镜）的 blur 特性实现，目前仅支持 Webkit 核心浏览器。
阅读全文
摘要：Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。而且，这是一个独立的包，不依赖第三方 JavaScript 库，小于 5KB。颜色，字体，边框和它们的尺寸都可以定制，图表可以动画的形式加载，非常炫。
阅读全文
摘要：在所有类型的设计中，使用纹理的网站占了很大一部分。当你想最大程度的勾起观众的感受的时候，这种设计是最好的。您可以创建一个温暖和友好的网站，或者相反，你可以创建一个冷漠和严肃风格的。下面的集合包含25个使用纹理创建的华丽网站。你可以看到，他们每个网站都会传递出不同的氛围和感受。
阅读全文
摘要：
Windows 8 是由微软最新一代 Windows，具有革命性变化的操作系统。该系统旨在让人们的日常电脑操作更加简单和快捷，为人们提供高效易行的工作环境。创建一个 Windows 8 的图标是一项复杂的工作，因此，在这篇文章中，我已经为大家准备好了10套华丽的 Windows 8 Metro 风格图标包，可以免费下载使用。
阅读全文
Windows 8 是由微软最新一代 Windows，具有革命性变化的操作系统。该系统旨在让人们的日常电脑操作更加简单和快捷，为人们提供高效易行的工作环境。创建一个 Windows 8 的图标是一项复杂的工作，因此，在这篇文章中，我已经为大家准备好了10套华丽的 Windows 8 Metro 风格图标包，可以免费下载使用。
阅读全文
摘要：Candy 是一个基于 JavaScript 的开源的多用户聊天室客户端，使用 Jabber（XMPP）来实现实时通信。它支持多个房间，用户可以在多个房间活动，可以公开或私下聊天，拥有漂亮的标签式界面。
阅读全文
摘要：之前和大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各种行业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。许多网页设计师花费大量的时间来建立一个漂亮的网站设计，这些网页看上去非常优雅，有吸引力，神秘而且非常醒目。
阅读全文
摘要：这篇文章向大家分享一款 jQuery 菜单插件，用于实现前几天网上流传很广的 Amazon 主页的左上角超快反应速度下拉菜单。当鼠标从菜单中的选项上滑过时，子菜单的显示速度是超快的。
阅读全文
摘要：如果你正在寻找新鲜出炉的字体素材，那么你找对地方了。在这篇文章中，你可以找到25款最佳的免费英文 3D 艺术字体，可以免费下载用于项目中。在之前的文章中，我向大家分享了众多高品质字体相关的文章，有手写字体、空心字体、火焰字体、简历字体、涂鸦字体、节日字体、装饰字体和复古字体等等。
阅读全文
摘要：提高网站的速度对网站的成功有巨大的影响，因为网站的加载速度直接影响到用户体验和搜索引擎排名。Browser Diet 是一个非常好的指南，列出了前端性能优化的各种技巧和工具。这是一个由 HTML，CSS，JS，服务器，图像和网站相关领域的众多专家组成的团队编写的，相比网络上的其它内容，这个指南图文并茂，生动有趣。此外，该指南不仅列出性能优化的步骤，同时还详细的介绍了如何实现
阅读全文
摘要：阳春三月，草长莺飞！一年中最美的季节到了。在这个美好的日子里，我为大家收集了一批精美的2013年4月桌面日历壁纸，供大家免费下载。这些高清日历桌面壁纸用在桌面上非常方便实用，赶紧为你的桌面换换装吧！
阅读全文
摘要：Fabric.js 是一个简单而强大的 JavaScript Canvas 库，在 HTML5 Canvas 元素之上提供了互动的对象模型，同时还包含 Canvas-to-SVG 解析器。使用 Fabric.js 你可以创建和填充画布上的对象，从简单的几何图形到成百上千路径组成的复杂图形。你可以通过鼠标轻松的移动、缩放和旋转这些对象，修改它们的属性（颜色、透明度，层叠顺序）等等。
阅读全文
摘要：谷歌今天宣布，将于今年7月1日关闭 RSS 订阅服务 Google Reader。数以百万记的爱好者迅速陷入恐慌，并且开始寻找其它合适的替代产品。本文向大家推荐5个同样出色的新闻订阅服务。理想情况之下，一个好的 RSS 阅读器，应该能够适应移动设备和台式机的需求。因此这个列表尽量迎合了这样的要求，不过由于很多用户已经转向移动阅读，笔者也添加了一些仅能在 iOS 或 Android 设备上使用的出色产品。
阅读全文
摘要：Flat UI Free 是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现，该工具包还包含一个设计师可以使用的 PSD 版本。这套界面工具包包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。
阅读全文
摘要：Accordion（手风琴）是网站中常用的效果之一，用于一组内容（图片、文本等）之间的切换显示。使用 jQuery 能够轻松实现 Accordion 效果，今天这篇文章向大家推荐网站开发中常用的20款优秀 jQuery Accordion 插件。
阅读全文
摘要：《JavaScript Enlightenment》是著名的 Web 开发专家 Cody Lindley 所著，如果你是 JavaScrip 初学者或中级开发者，那么此书非常必备。《JavaScript Enlightenment》是一本让 JavaScript 库使用者变成真正的 JavaScript 开发者的书籍。这本书不关注 JavaScript 设计模式或者面向对象的 JavaScript 编程，不讨论 JavaScript 语言的优缺点，也不是新手入门指南，因为这样书已经有很多了。作者打算向读者介绍一个准确的 JavaScript 世界，解密原生的 JavaScript 对象。
阅读全文
摘要：浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！
阅读全文
摘要：电子商务是一个不断发展的行业，方便买卖双方。购物者可以在家里购买到自己需要的商品，而商家只需要管理一个网站，而不是一个完整的实体店。但是，当你发展你的网上商店时，其实是采用和设计一个实体店相同的方式，需要想想你的客户希望看到什么样的风格。这篇文章收集了20个简约风格的电子商务网站设计案例，希望能带给你灵感。
阅读全文
摘要：我们都很喜欢移动设备上的“下拉刷新”功能，那么如果这个效果应用到传统网页上怎么样？嗯，Hook.js 可以实现。他们采取了手机和平板电脑中的这个创新，只要向下滚动了一下，然后弹回到顶部，页面就会自动刷新。
阅读全文
摘要：《CSS3 经典教程系列》的前一篇文章向大家详细介绍了线性渐变（linear-gradient）的用法，今天这篇文章介绍的盒阴影（box-shadow）也是目前用得最多的 CSS3 特性之一。在以前，盒阴影效果和圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。
阅读全文
摘要：这款由 Matt Kersley 开发的响应式网页测试工具能够帮助你测试在网页设计和构建过程中的界面效果。目前提供了 240、320、480、768 和 1024 五种宽度的显示效果测试，以及 240 x 320 (small phone)、320 x 480 (iPhone)、480 x 640 (small tablet)、768 x 1024 (iPad - Portrait) 和 1024 x 768 (iPad - Landscape) 五种设备尺寸的显示效果测试。
阅读全文
摘要：在这篇文章中，我向大家推荐10个最好的背景图片和纹理资源免费下载网站。很多时候，我们看到的网站多是看上去平淡无奇，迫切需要增添一些色彩，彰显一点个性。装饰一个网站，最简单的方法是用一个新的主题，或者再当前的主题基础上做一个小的 CSS 调整，可能就能获得令人惊讶的效果。
阅读全文
摘要：与大家分享我在上网冲浪时发现的令人兴奋的新图标——来自 Ramotion。他们实践最前沿的图标设计理念，为您的应用程序的开发和支持提供全方位的服务。下面分享的这组免费的自定义 MacOS 图标既是来自这个网站。
阅读全文
摘要：Conditioniz 是一个快速、轻量级（3KB）的 JavaScript 工具，用于浏览器和分辨率，并根据条件加载 JavaScript 和 CSS 文件。浏览器嗅探通常被认为是不可靠的，Conditionizr 的建立就是为了克服这个问题。Conditionizr 的核心功能是检测和实现IE浏览器条件加载脚本和样式。考虑到这一点，使用类似 Google Analytics 检测浏览器的方法。
阅读全文
摘要：如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。
阅读全文
摘要：Zepto 是为现代浏览器打造的轻量级 JavaScript 库，最新发布的 V1.0 正式版压缩后只有 9.7K。兼容 jQuery 语法，如果你会 jQuery，那么也就会使用 Zepto 了。jQuery 的设计初衷是提供一个具有更快的下载和执行速度的模块库，而不是完全覆盖 jQuery 的功能。
阅读全文
摘要：2012年，响应式网站设计成为主流，这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出，其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。响应式设计不再只是一个概念，众多大公司也把这种理念引用到实际项目中。这篇文章向大家分享2012年最佳25的个响应式网站设计作品。
阅读全文
摘要：这篇文章，我们一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念，它们是 JavaScript 工具包（如Dojo和MochiKit）中非常重要的一个功能，最近也首次亮相于 流行的 JavaScript 库 jQuery（已经是1.5版本的事情了）。 Deferred 提供了一个抽象的非阻塞的解决方案（如 Ajax 请求的响应），它创建一个 “promise” 对象，其目的是在未来某个时间点返回一个响应。
阅读全文
摘要：Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供多媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第七篇，介绍前端性能优化技巧。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：红尘纷乱，有时真想一头扎到大海里理清思绪。Calm 就是这样一个帮助你放松心情的网站，进入网站铺面而来的是一片蓝色的沙滩海洋，选择时长，戴上耳机，挑一个舒服的地方做好，你就可以在一阵阵海浪拍打沙滩的背景声中，按照一个温柔女声的指引来慢慢放松自己。短短的几分钟后，你就会觉得心情放松了很多。
阅读全文
摘要：许多开发人员专注于构建 iPhone 应用程序，因为这是一个赚钱的好途径。这篇文章收集了一套优秀的 iPhone 手势图标，可以节省大量的时间，让你的工作变得轻松。这组 iphone 手势图标包含12个 Illustrator 格式的图标，可以免费下载使用。
阅读全文
摘要：一个优秀的个人作品集网站能够个给潜在客户留下深刻的印象，不管你是自由职业的设计师还是开发人员，或者是拥有自己工作室的都需要拥有一个强大的在线作品集，把你的访客转变为潜在的客户。下面这些个人酷站相信能够带给你灵感，一起欣赏。
阅读全文
摘要：Textillate.js 是一款实现极酷 CSS3 文本动画的简单插件。它整合了两个流行的工具库（animate.css 和 lettering.js）来提供易于使用的插件，能够把 CSS3 动画应用到文本内容上。只要引入 textillate.js 和它依赖的文件就能够给你的内容加上独一无二的特效。
阅读全文