12 2013 档案
摘要：新的一年倒计时已经开始，每个人都将迎来新的征程，祝愿大家在未来的2013年里取得更大的成功。这篇文章向大家分享15款精美的2014年元旦桌面壁纸。希望这些精美的高清元旦桌面壁纸你会喜欢。
阅读全文
摘要：Harp 是一个基于 Node.js 平台的静态 Web 服务器，内置流行的预处理器，支持把 Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript 转换为 HTML、CSS、JavaScript，不需要进行任何的配置。
阅读全文
摘要：图标可以向用户更直接的传递信息，不管是在网页还是 Web 应用程序中都非常需要。这些小小的图标元素能够告诉用户怎么到下一页，如何添加、删除和取消等等各种操作。设计精美的图标不仅能增加界面的美观，也能够让应用程序更加易用。下面是收集的245款高质量的图标素材，可以免费下载使用。
阅读全文
摘要：在设计一个网站时，用户体验是非常重要的。如果网站不友好，难于使用的话，那么你会发现网站再漂亮也没有用。如今，焦点从界面外观转向实用性甚至极简主义。在本文中，您将看到一组华丽的网站示例，在设计过程中时刻考虑到了网站的用户体验，相信这些优秀作品能够带给你启发。
阅读全文
摘要：SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更加的技术实现方案和使用体验。
阅读全文
摘要：你是否曾经碰到这样的事情，你在网站上看到一张图片感觉特别熟悉，好像在其它地方见过？我感打赌你碰到过，而且我知道是哪些图像。下面15张图片素材是网页设计中用得最多的，相信你看着一定很眼熟吧。
阅读全文
摘要：Koa 是 Express 的开发团队设计的下一代 Web 框架，其目的是为 Web 应用程序提供更小，更具表现力，更坚实的基础。Koa 没有核捆绑任何中间件，并提供了一套优雅的方法，使服务器端开发更加的快速和愉快。
阅读全文
摘要：Myth 是一个预处理器，可以让你编写纯CSS，而无需担心速度慢的浏览器的支持。有点类似于 CSS polyfill 。Myth 让你写纯粹的 CSS，同时还让你可以使用类似 LESS 和 Sass 的工具。您仍然可以使用变量和数学函数，就像你在其它预处理器中使用的一样。
阅读全文
摘要：很多人喜欢扁平设计风格，主要是因为它是从极简的生活的方式演变而来的。它的简单性使得其用户的生活更美好，这就是为什么用户界面被设计为简约或扁平风格看起来和用起来都更舒适。在这篇文章中你可以看到15套华丽的扁平设计的图标，非常有价值，特别是如果你是一个平面设计师，它们将帮助您节省大量的时间。
阅读全文
摘要：蜿蜒的河流从山顶看的时候特别漂亮，所以你应该准备好你的广角镜头捕捉整个地区。温暖的黄昏或黎明最适合捕捉令人惊叹的照片。所以准备好你的相机、镜头和橡胶靴在清晨或是在太阳下山之前捕捉美丽的河流风景是最好的。
阅读全文
摘要：《Web 前端开发精华文章推荐》2013年第九期（总第二十一期）和大家见面了。梦想天空博客关注前端开发技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：在这个竞争激烈的就业市场，作品集网站对于设计师来说是最好的求职工具。因此，设计师们都竭尽所能设计一个有创造性的个人作品展示网站，期望给访客留下深刻的印象。在此集合中，你会看到各种各样的创意设计和新趋势，包括精巧的布局，令人印象深刻的视差滚动，和不同寻常的插画设计等等。
阅读全文
摘要：Adaptive Backgrounds 是一款很特别的 jQuery 插件，可以从图像中提取主导颜色并将它应用到它的父元素。这个插件利用 Canvas 元素和 ImageData 对象。需要注意的是，由于跨站点的安全限制，如果你试图从未托管在当前域下的图像中提取颜色，该脚本将会失败，除非图像允许跨域资源共享（CORS）。
阅读全文
摘要：马上就到圣诞节了，这篇文章要给大家分享几套精美的圣诞节相关的 PSD 设计素材，你可以免费下载使用，用于圣诞节相关的设计项目中。这些免费素材能够帮助你节省大量的时间，而且能有很好的效果。
阅读全文
摘要：简约的网页设计，如果使用得当，会是灵感的重要来源。保持在布局中只有重要的要素，摒弃不是必需的内容。请记住，你仍然可以在一个简约的网站使用丰富的颜色，所以不用担心颜色的单调。这里的例子展示出了简约设计的理念，可以很好的借鉴到你的下一个项目。
阅读全文
摘要：《年度榜单》系列继续给大家带来2013年度发布的好东西，这篇文章要给大家分享的是本年度最佳的12套精美的 PSD 设计素材，你可以免费下载使用。这些免费素材不仅能帮助他们节省大量的时间，而且能有很好的效果。非常感谢那些很有才华的设计师分享它们的劳动成果，让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
阅读全文
摘要：inuit.css 是一个强大的，可扩展的 CSS 框架，另外还是基于 Sass，面向对象的框架。inuit.css 是建立在 BEM 风格的命名约定，非常适合于想要专注于创意而不是代码的设计师以及喜欢抽象和面向对象方法的开发人员。它提供给你设计模式，而不是设计决策。
阅读全文
摘要：Dynatable 一款有趣的，语义化，交互式的表格插件，使用 jQuery，HTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API，能够轻松的浏览和操作大规模的数据集。Dynatable 提供包括排序，搜索和过滤等常用的数据处理功能。
阅读全文
摘要：这篇文章中，我们为大家编译一组创意的、精美的、有想法的着陆页面设计例子，帮助你快速掌握着陆页设计技巧。着陆页面（Landing Pages）需要特殊的设计，抓住目标受众的整注意力，和数以百万计的网站竞争。着陆页（Landing Page）有时被称为引导页或者首要捕获用户页，着陆页对于帮助网站把访问者转换成销售非常重要。
阅读全文
摘要：今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式，其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是，这些效果都是借助于在伪元素上使用过渡特效，因此在某些浏览器（如 Safari 和移动 Safari 浏览器等）不支持。
阅读全文
摘要：2013年就要过去了，又到了发布《2013年度榜单》系列的时候了，我们将发布一系列文章向读者展示那些可能错过的优秀资源，同时为这些资源的作者提供展示自己的机会。今天这篇文章是这个系列的第一篇，评选出的是2013年度最佳免费英文字体资源。
阅读全文
摘要：如果你正在为自己的作品集网站设计寻找灵感，那么学习设计机构 & 设计公司的网站是如何制作的是一个良好的开端。在这篇稳重，我们已经聚集了一组设计机构的优秀作品集网站，你可以借鉴很多设计理念。当你在浏览这些网站的时候，密切关注各个设计师展示他们工作的方式，以及在设计中体现的个人风格。
阅读全文
摘要：jQuery Label Better 帮助你标记您的表单输入域，带有美丽的动画效果而且不占用空间。这个插件的独特之处在于所有你需要做的就是添加一个占位符文本，只有当用户需要它的时候才显示标签。
阅读全文
摘要：我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。《CSS 魔法系列》继续给大家带来 CSS 在图形绘制中的创新使用。
阅读全文
摘要：Feathers 是一个轻量的 Web 应用程序框架，基于 NodeJS 最流行的 Web 框架——Express。这使得它很容易使用 socket.io 来创建 RESTful Web 服务和实时应用。Feathers 关注的是您的数据，因为应用程序的目的就是为了管理以某种方式存在的数据。
阅读全文
摘要：对于网页设计来说，使用正确的调色板可能是设计过程中最重要的部分，也是最具挑战性的之一。虽然现有的品牌通常对所用颜色的影响最大，但其他因素可以发挥作用。这篇文章，我们已经收集各种使用颜色的的网站作品，为您提供启发。
阅读全文
摘要：Node.app 是用于 iOS 开发的 Node.js 解释器，它允许最大的代码重用和快速创新，占用资源很少，为您的移动应用程序提供 Node.js 兼容的 JavaScript API。你的客户甚至不会注意到你开发的不是一个本地应用。
阅读全文
摘要：圣诞节的脚步越来越近了。今天，我们给大家收集了100个美丽的圣诞矢量图标素材。这套圣诞矢量图标集包含 PSD 和 SVG 两种格式，基于 Creative Commons 协议，可以在商业和个人项目中使用。
阅读全文
摘要：jQuery 把惊喜延续到设计领域，处处带来极大的灵活性，创造了许多体验良好的设计，而且拥有不错的性能。这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例，帮助你更好的掌握 jQuery 在网站实际效果实现中的应用，千万不要错过。
阅读全文
摘要：Headroom.js 是一个轻量级，高性能的JS插件（无依赖性！），允许你响应用户的滚动行为。Headroom.js 使您能够在适当的时候把元素融入视图，而其它时候让内容成为焦点。Headroom.js 简单易用，它有一个纯 JS API，以及可选的 jQuery、Zepto 和 AngularJS 兼容的插件。
阅读全文
摘要：由于互联网世界正在发生变化，人们往往喜欢那些有更多互动元素的网站，因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的20个优秀的 CSS3 按钮效果制作教程，你可以学习这些技术并使用它们为您的作品创造更多的乐趣。
阅读全文
摘要：对于电子商务网站来说，让用户在购物过程中简单快捷是最重要的，其次是要有精美的页面设计以及产品图片吸引更多客户去购买商品。一个设计良好的电子商务网站会为用户提供一个更愉快的体验，并让他们更容易浏览，搜索，并完成结帐过程。这篇文章收集了20个国外优秀的电子商务网站设计案例，希望能带给你灵感。
阅读全文
摘要：不同版本的 IE 浏览器支持不同的 JavaScript 元素集。标准模式（有 指令时 Internet Explorer 所有当前版本中使用的模式）支持的一组元素与突发模式（没有 指令时使用的模式）不同。 有关版本控制的更多信息，请参见Defining Document Compatibility（定义文档兼容性）。
阅读全文
摘要：河流的自然水源通常来自雪山顶上，遍历高山、丘陵、平原等地貌特征之后最终汇入大海。蜿蜒河流可能流经一个或多个国家的不同地区，打破自然的障碍向前流淌。河流通过许多障碍的地方都是一个很好的摄影的主题。河的外观变化随着季节的变化，从而为摄影师提供大量的主题捕捉。
阅读全文
摘要：heX 是网易有道团队的一个开源项目，允许你采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案。heX 是你开发桌面应用的一种新的选择，意在解决传统桌面应用开发中繁琐的UI和交互开发工作，使其变的简单而高效，特别适合于开发重UI，重交互的桌面应用软件。
阅读全文
摘要：单页网站作为一个流行趋势已有一段时间了，但他们的受欢迎程度似乎并没有任何减少。这种页面设计方法并不适用于每个项目，但有时它是合适的，是有意义的。例如，当没有很多内容，而且你知道的内容在未来不会增长很多，那么制作成单页网站（Single Page Websites）的形式是很好的选择。
阅读全文
摘要：这篇文章给大家分享让开发人员生活更轻松的免费工具和资源。所以，如果你正在寻找一些为迅速解决每天碰到的设计和开发问题的工具和资源，不要再观望，试试这些工具吧。这些奇妙的工具不仅会加快您的生产，也让你的工作质量提升。
阅读全文
摘要：使用手势图标是一个通过你的应用程序来指导你的用户的明智的办法。在一套优秀的手势图标的帮助下，你可以为你的应用程序轻松设计出一个专业的导游功能。这里分享的这套触摸手势图标可以免费下载，包括48个最流行的多点触控设备的手势图标。
阅读全文
摘要：作为一个年轻的平面设计师，我深深的体会到来自身边的灵感启发是多么的重要。我发现了一个新的网站名为设计收藏（DesignFaves）。这是一个平台，建筑、时装、家具设计及任何有关创造力的艺术家走到一起，交流前沿的视觉表现思想和阅读他们的故事。
阅读全文
摘要：Skytte 是一款浏览器里的 2D 射击游戏。使用 Canvas 元素和大量的 JavaScript 代码实现。Skytte 是用我们的开源和现代的前端技术创造的。经典，快节奏的横向滚动射击游戏，探索新的 HTML5 Canvas 功能，使我们能够建立一个全新的互动式网站和应用程序的套件。
阅读全文
摘要：毫无疑问，Photoshop 是任何其类型的设计相关工作的最佳工具。有这么多东西，你可以用它来设计，发挥你的想象力，一切皆有可能。 现在，几乎所有的封面图像都会用 Photoshop 来修饰。
阅读全文
摘要：你是否在遗憾，秋天如此的短暂，没来得及欣赏美丽的秋景，就将迎来寒冷冬日？那看看下面这组图吧，世界上最美丽的秋景尽在眼前。下面给大家带来一组赏心悦目的秋天风景壁纸。
阅读全文
摘要：对于电子商务网站来说，网站的设计和布局的可用性对于产品的销售会产生巨大的影响，另外就是产品带给访客的第一印象也很重要。一个设计良好的电子商务网站会为用户提供一个更愉快的体验，并让他们更容易浏览，搜索，并完成结帐过程。在这篇文章中，我们将展示了25个很好看小众的电子商务网站。你会发现，产品图片和网站的布局和界面设计的外观同样重要。
阅读全文
摘要：Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库，压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法，当图片元素进入窗口可视区域的时候，它就会改变图像的 src 属性，从服务端加载所需的图片，这也是一个异步的过程。
阅读全文
摘要：在网站中，有很多地方会需要在图片上显示图片标题。使用 CSS3 过渡和变换可以实现动感的鼠标悬停显示效果。没有使用 JavaScript，所以只能在支持 CSS3 动画的现代浏览器中才能正常工作。您可以查看网页的源代码，了解动画是如何工作的。
阅读全文
摘要：在这篇文章中，我们收集了一些在2013年发布的最好的免费的响应式 WordPress 主题。这些主题包括高级功能，如自定义模板、自定义窗口小部件、自定义菜单主题选项等。让我们来看看下面的清单，并希望你能找到你所寻找的。
阅读全文
摘要：这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航。Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念，它的目标是帮助程序员构建高度可伸缩的应用程序。这些参考资料和教程能够帮助你更好的掌握 Node.js 的应用。
阅读全文
摘要：很多网页设计趋势都是过眼云烟，但插画始终保持着一定的地位，是给你的网站创造出独特的外观和风格的好方法。今天，我们拥有一组有效的使用插画来添加个性和抓住用户的注意力网站的一些美丽的例子。我相信，你可以从下面这些网站中找到一些灵感并应用到自己的网站项目中。
阅读全文
摘要：Web 用户界面，移动用户界面和线框套件对设计师很有用，因为这些套件让他们使用快速和有效的方式复制用户界面。这些类型的工具包提供了一个基本的用户界面元素，用于它们需要制作的网站或软件模型。在这篇文章中，我们展示的是自由和清新的 UI 设计素材套件。这些线框图和 UI 设计工具包让设计师在设计用户界面原型的时候能够非常便利。
阅读全文
摘要：Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
阅读全文
摘要：由于互联网世界正在发生变化，人们往往喜欢那些有更多互动元素的网站，因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的20个优秀的 CSS3 按钮效果制作教程，你可以学习这些技术并使用它们为您的作品创造更多的乐趣。
阅读全文
摘要：在网页设计中使用大照片，无论是作为背景或内容的一部部分，都是轻设置一个站点的整体风格的很好的方式。但是，这样做的时候，你创建一个网站存在视觉上过于饱和的风险。这就是为什么大多数的应用大图像的网站采用了整体的简约风格。而今天的这个网站集合是在网页设计中如何使用大摄影图片的很好的例子。
阅读全文
摘要：在 Web 设计领域，图标发挥非常重要的作用，因为美丽的和创造性的图标集可以很容易地使网页设计更有吸引力。网页设计设计师专注于每一个领域的设计，包括颜色选择、图标、创造力、混色等。正确的选择图标可以使他们的设计脱颖而出，看起来令人震惊。因此，每一个网页设计师都会尽量使用高质量的和有用的图标集来提高设计效率。
阅读全文
摘要：Web 原本是扁平化的，但是现在你可以折起来。OriDomi 是一个开源的 JavaScript 库，使得 DOM 元素能够实现像纸折一样折叠的效果。在创建你所看到的场景背后，OriDomi 做了大量的 DOM 操作。
阅读全文
摘要：如果你想获得最佳的排版效果，你必须非常准确的选择字体。无论是在网站设计或印刷的设计，甚至是一个T恤设计，字体可以影响整个设计项目的成功与否。所以字体在我们生活的每一个部分起到了至关重要的作用。今天我们精心挑选的12款新字体可以免费用于个人和商业用途。
阅读全文