02 2014 档案
摘要：这是本系列的最后一篇文章了，和大家一起学习2013年里最优秀的网页设计作品。在过去的一年，网页设计领域出现了几个新的流行趋势，最热门的要数响应式设计（Responsive Design）和扁平化设计（Flat Design）了，另外大图片背景、视频背景设计也被越来越多的设计师采用。
阅读全文
摘要：Croppic 这款开源的 jQuery 图片裁剪插件能够满足网站开发人员各种不同的使用需要。只需要简单的上传图片，就可以实现你想要的图像缩放和裁剪功能。因为使用了 FormData 对象，搜易目前只支持 IE 10+、Chrome 和 Firefox。
阅读全文
摘要：图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂d数据，提高生产的效率和 Web 应用和项目的可靠性。在这篇文章中，我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库，适合各种图表需求。
阅读全文
摘要：响应式和现代设计风格的多用途 WordPress 主题能够非常灵活的适应所有设备。而高级主题能够更轻松定制，您可以从主题选项中禁用/启用响应模式。今天，这个列表收集了12款响应式，支持视网膜显示的 Wordpress 主题，能够用于你的 WordPress 网站。
阅读全文
摘要：国外购物网站设计和国内的还是有很大的差别，我们可以从中学习好的设计理念并融入自己的购物网站设计中。这篇文章收集了10个精美的国外购物网站设计，一起欣赏。
阅读全文
摘要：XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用XMLHttpRequest的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。
阅读全文
摘要：如今，人们使用各种各样的移动设备访问网页，设计师们需要去适配不同的屏幕，让用户在都能有最佳的浏览体验。Grid 是一个简单的响应式设计指南，按照这些简单的步骤，你的就能够掌握基础的响应网页设计技巧。
阅读全文
摘要：如今，大多数网站设计要靠网格系统和布局，这能够提供给设计人员一个方便的途径来组织网页上的内容。网格的设计最常见于报纸和杂志的版面，由文字和图像构成的列组成。这篇文章给大家分享精心挑选的15款最佳的 jQuery 网格布局插件（jQuery Grid Plugins），它可以帮助你在创建网格布局项目时大大缩短开发时间。
阅读全文
摘要：个人网站是让人们知道你，了解你生活中成就的最佳方式。有些人选择最搞笑的言论表达自己的想法，有的人则充分展现自己的个性。不管采用什么方式呈现你的个人网站，重要的是，把你最好的一面表现出来。下面是一些帮助你制作成功的个人网站的很有用的例子。
阅读全文
摘要：今天这篇文章向大家分享一组超震撼的国外摄影图片。在网上浏览的时候，偶尔会看到一些令人不可思议的精美图片。像其它事情一样，惊人的照片需要在正确的时间正确的位置才能造就。不需要专业的摄影师，我们每个人都有机会记录下一个真正独特的画面。
阅读全文
摘要：这款 jQuery 插件用于实现类似 Google Tips 页面的卡片式提示和翻转的交互特效。你可以根据自己的需要定制动画效果参数，定义回调函数来控制行为。因为使用了 CSS3，所以只支持 Chrome、Firefox、和 Safari 等现代浏览器。
阅读全文
摘要：下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。
阅读全文
摘要：ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性，当元素进入可视区域的时候会自动被触发设置好的动画。
阅读全文
摘要：这个系列的文章向大家展示2013年最优秀的国外网页设计作品，这些都是过去的一年在图片，纹理，导航等等各个方面的优秀网站。2013年，网页设计领域出现了几个新的流行趋势，最热门的就是响应式设计（Responsive Design）和扁平化设计（Flat Design）了，另外大图片背景、视频背景设计也被越来越多的设计师采用。
阅读全文
摘要：很多的 JavaScript 开发人员，包括我在内，都很喜欢 jQuery。因为它的简单，因为它有很多丰富的插件可供使用。然而，另一方面，作为前端开发的基础框架，jQuery 包含大量的兼容性代码和扩展功能，其中有很多在你的整个项目中可能都不会用到。
阅读全文
摘要：在今天在移动 App 界面设计中，你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面，有有很多移动应用程序的 UI 概念设计，让你惊叹。如果你想获得灵感，那很有必要看看下面15个优秀用户体验的移动应用 UI 设计。
阅读全文
摘要：Progress.js 是一个 JavaScript 和 CSS3 的库，它帮助开发人员为网页上的每个对象创建和管理进度条效果。你可以设计自己的模板，进度条或者干脆定制。您可以使用 Progress.js 为网页中的任何加载中内容（图片，视频等）向用户呈现进度条。它可以用在所有的元素，包括文本输入框，文本域，甚至整个页面。
阅读全文
摘要：HTML5 游戏开发是一个热门的话题，开发人员和设计人员最近经常谈论到。虽然不可能迅速取代 Flash 的地位，但是 HTML5 凭借它的开放性和强大的编程能力，取代 Flash 是必然的趋势。你会看到，越来越多的界面设计精美、效果很酷的 HTML5 游戏不断涌现出来。
阅读全文
摘要：今天我想与大家分享电子商务主题的网站设计，更精确地说是为设计在线商店提供新思想。每个人都知道移动技术的市场发展迅速，已经很难找到一个人没有手机的人了。响应设计给我们提供了一个巨大的机遇：站点的访问量的增长和销售收入的增加。在今天的收集中，分享10个响应式设计的国外购物网站给大家。
阅读全文
摘要：个人网站正变得越来越流行，它们可以有效地进行促销，找工作，个人品牌以及与朋友和家人沟通中使用。在这篇文章中，我们将分享精心设计的25例个人网站。这些网站呈现出各种不同风格，有些是简洁干净的，有的使用明亮，鲜艳的色彩，而其他人使用更多的艺术和引人注目的设计。
阅读全文
摘要：在网上浏览的时候，偶尔会看到一些有趣的图片。像其它事情一样，惊人的照片需要在正确的时间正确的位置才能造就。不需要专业的摄影师，我们每个人都有机会记录下一个真正独特的画面。今天这篇文章和大家分享20幅非常震撼的摄影图片，一起欣赏。
阅读全文
摘要：Vex 的独特之处在于现代风格设计，能够自定义弹出模式、皮肤。Vex 超轻量，压缩后不到 2KB，提供了简洁的 API，可以根据自己的项目需要快速自定义。支持在移动设备上使用，测试通过的浏览器：IE8+，Firefox，Chrome，Safari 和 Opera。
阅读全文
摘要：这篇文章挑选了10个高端大气上档次的 HTML5 网站分享给大家。作为下一代网页语言，HTML5 加入中众多的语义化标签，例如 video、audio、section、article、header、footer 和 nav 等，HTML5 正引领网页制作技术革命。希望下面集合中的优秀 HTML5 网站示例能帮助大家更好的学习 HTML5 网站的设计和制作。
阅读全文
摘要：扁平化设计和 Bootstrap 框架是2013年网页设计领域的两大设计潮流。把这两者集合起来不是件容易的事情，使用下面这些主题和模板将节省我们的开发时间，因为我们可以修改已有的基础代码，而不是从零开始。其中有些是免费的，有些是付费的。如果你知道跟好的 Twitter Bootstrap 主题和模板，欢迎留言分享。
阅读全文
摘要：交互设计师们都特别喜欢有一个交互动画案例库，能够给他们提供更多的灵感和启发。如今，Josh Davey 帮交互设计师们做了这件事情，他创办的网站——useyourinterface.com，收集了当前各种前沿的交互动画效果，而且每天都在不断增加中。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第一期（总第二十二期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：作品名称——Shape Shifter，基于 Canvas 的粒子图形变换实验。在页面下方的输入框输入文本，上面就会进行变换出对应的粒子效果文本动画。CodePen 作品秀系列向大家展示来自 CodePen 网站的最优秀的 Web 效果，上面的那些 Demo 可以说都是艺术品，相信你看之后和我一样会被惊呆的！
阅读全文
摘要：扁平化设计风格是目前设计领域的流行趋势，这里给大家分享最新出炉的10套免费的扁平化设计风格图标素材，可以用于网页设计和移动用户界面设计相关的项目。这些扁平化风格图标有多种用途，如：网页界面设计，手机应用程序界面设计，印刷材料，WordPress 主题，产品演示，信息图表和插图等等。
阅读全文
摘要：modern.IE 是微软推出的一个开发人员中心，提供免费的工具和资源，旨在使您能够花更少的时间来测试各种版本的 Internet Explorer，并留出更多时间在现代 Web 上构建重要的内容。modern.IE 在支持旧版 IE 的同时，可使您更加轻松地利用 Web 标准（例如 HTML5 和 CSS3）构建创新体验，从而帮助推动 Web 的发展。
阅读全文
摘要：我们看到越来越多的设计师开始拥抱简约的网站设计方法，消除网站不必要的元素，保留真正重要的内容，干净、直观的设计，就像今天的我们将展示的这些网站。我们有不同的简约设计的例子，美丽的导航、整洁的菜单和创意的排版都能带给你灵感，值得一看。
阅读全文
摘要：Mondrian 是一个免费矢量图形 Web 应用程序，类似 Adobe Illustrator 或 Inkscape。Mondrian 提供所有所需的工具来创建、修改和导出简单的 SVG 文件，过历史文件 API 来支持撤销/重做以及存储操作。整个应用程序是用 Coffeescript 写。
阅读全文
摘要：名片，中国古代称名刺，是标示姓名及其所属组织、公司单位和联系方法的纸片。名片也是新朋友互相认识、自我介绍的最快有效的方法。下面的列表向大家分享10款专业的高质量名片设计模板。
阅读全文
摘要：设计师们经常回去网上搜罗好看的英文字体，在网络中拥有海量的免费英文字体，其中属于高品质的英文字体则是很少一部分。这里给大家推荐35款高品质的英文字体，你可以免费下载使用。
阅读全文
摘要：Bootstrap 3 Vector UI Kit 包含所有矢量格式的 Twitter Bootstrap 3 界面控制元素、Glyphicons 以及额外的一些界面素材，而且基本的图形元素都切好图了，代码也有了，特别适合用于 Web 原型设计和后台管理应用程序界面设计。
阅读全文
摘要：在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。
阅读全文
摘要：这里分享15幅创意插图作品，这些创意插图作品都是有成千上万的小图片组成的，很多创意广告会采用这个形式的设计。下面这组创意作品的作者是 Charis Tsevis，来自希腊的视觉设计师，擅长图像重组的创作手法，能够利用数千张小型图片或是对象组成唯美画面。
阅读全文
摘要：InstantClick 是一个 JavaScript 库，大大加速你的网站响应速度。在访问者点击一个链接之前，鼠标会悬停在链接上面，这两个事件之间通常有200ms~300ms的间隔，InstantClick 利用这个时间间隔预加载页面。这样当你点击页面的时候，其实页面已经加载到本地了，呈现当然也就会很快。
阅读全文
摘要：在过去的2013年，网页设计领域又有了新变化，有的设计理念正在逐渐淡去，有的发展趋势依然强劲，还有的则是小荷才露尖尖角。这篇文章中，我想介绍一些我们已经看到正不断发展中的网页设计流行趋势，这些设计理念在2014年将会被应用得更普遍。现在，让我们来一起盘点一下吧。
阅读全文
摘要：您是否拥有一个餐厅，酒吧，咖啡馆，小酒馆，比萨饼店？如果答案是肯定的，请确保您在网上也提供服务。为了使您的工作更轻松，我们选择了一些新的和独特的餐厅主题，覆盖了范围很广的食品企业。这些主题提供了很多很酷的功能，如响应式设计，便于潜在客户从移动设备在线预订餐桌。
阅读全文
摘要：在今天在移动 App 界面设计中，你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面，有有很多手机应用程序的 UI 设计，让你惊叹。如果你想获得灵感，那很有必要看看下面10个优秀的手机应用程序界面设计案例。
阅读全文
摘要：jQuery Panorama Viewer 这款插件可以帮助你在网站中嵌入全景图片。要做到这一点，首先只需要在页面中引入最新的 jQuery 库，以及 jquery.panorama_viewer.js 和 panorama_viewer.css 到页面中，然后给图片添加 CSS 类“panorama”。现代浏览器如 Chrome ，Firefox 和 Safari 以及在智能手机上都测试通过。
阅读全文
摘要：下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。
阅读全文
摘要：再过几天就是2014年的西方情人节了，这一天同时也是中国的元宵节，非常罕见。之前的文章给家分享过25款可爱的2014年情人节壁纸，今天继续给大家分享另外一批精美的情人节高清桌面壁纸。
阅读全文
摘要：企业网站的设计首先要考虑的是将企业网站建设成为一个与众不同的网站，网站可以反应出建设构想，初步形态及网站推广计划，有自己独特的设计风格，能够彰显企业的特色。下面这个列表向大家展示一下最精致的企业网站设计作品，尽情欣赏。
阅读全文
摘要：22款制作精美的 iOS 应用程序图标设计作品，遵循图形设计的现代潮流，所有图标都非常了不起，给人惊喜。通过学习这些移动应用程序图标，设计人员可以提高他们的创作，使移动用户界面看起来更有趣和吸引人。
阅读全文
摘要：让人期待已久的2013年度最佳 jQuery 插件揭晓了。在过去的一年里，有很多很多的 jQuery 插件发布出来，而这里文章列出的这些插件从提供的功能更角度来看是其中的佼佼者。相信这些优秀的 jQuery 插件能够帮助 Web 开发人员把一些惊艳的功能和效果轻松的应用到自己的项目中。
阅读全文
摘要：字体是设计作品的重要组成部分，相比图形化元素，字体更能够清晰的表达含义。字体的运用是一门学问，使用恰当的字体作为设计元素能够达到事半功倍的效果。这里给大家分享20款新鲜出炉的好看的英文字体，可以免费下载。
阅读全文
摘要：在特殊的日子，我们都喜欢给电脑换上一张喜欢的壁纸来表达心中的感受。我知道我的一些朋友谁是不断变化几乎每天他们的桌面背景。在这篇文章中，我们给大家分享一组精美的情人节壁纸，希望每个人在这个爱的季节里都能开心。
阅读全文
摘要：扁平化设计蔓延到各种领域的界面设计中，所以看到它被应用在简历设计之中时不要惊讶。这篇文章原本整理一组创新的扁平风格的简历页面设计，不过没有那么多的例子，因此其中有一部分是普通的扁平风格页面作品，供设计简历页面的时候参考。
阅读全文
摘要：ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果（Lightbox）的插件，没有字幕，导航按钮或默认背景。如果默认功能不够用的话，你可以很容易地自定义 JavaScript 函数扩展插件，更改设置或者使用一些很有用的功能函数。最重要的是，图片适应任意大小的屏幕，并提供在触摸设备中使用的支持。
阅读全文
摘要：这里分享新鲜出炉的20套免费的扁平图标素材，可以用于网页设计和移动用户界面设计相关的项目。这些简约风格扁平化图标 可用于多种用途，如：GUI 设计，印刷材料，WordPress 主题，演示，信息图表和插图等等。
阅读全文
摘要：这个系列给大家展示一下2013年最好的网页设计作品，这些都是本年度在布局设计，图片和纹理的应用以及导航设计等等各个方面的优秀网站。过去的一年里，网页设计领域出现了几个新的流行趋势，最热门的要数响应式设计（Responsive Design）和扁平化设计（Flat Design）了，另外大图片背景、视频背景设计也被越来越多的设计师采用。
阅读全文