08 2013 档案
摘要：Socket.IO 是一个功能非常强大的框架，能够帮助你构建基于 WebSocket 的跨浏览器的实时应用。支持主流浏览器，多种平台，多种传输模式，还可以集合 Exppress 框架构建各种功能复杂的实时应用。
阅读全文
摘要：使用醒目的颜色组合是一种常见的广告策略，因为它有助于快速捕捉观众的注意力。同样的方法也适用于在网上行业，例如广告横幅和宣传单，但它也可用于网站建设。有许多研究表明用户对某些颜色有特别的亲和力，因此，使用这些颜色会增加成功的机会，提高用户回访率。由于这种设计方法的普及，我们会看到很多色彩丰富的网站，有趣，友好，下面向大家展示的30个极具吸引力的多彩网页设计作品。
阅读全文
摘要：在 Web 项目中，浏览器兼容以及跨浏览器测试是最重要的也是最费劲的工作。DalekJS 是一个基于 JavaScript（或 Node.js） 的免费和开源的自动化测试接口。它能够同时运行测试一组流行的浏览器（Chrome，IE，Firefox 和 WebKit）。
阅读全文
摘要：长阴影其实就是扩展了对象的投影，感觉是一种光线照射下的影子，通常采用角度为 45 度的投影，给对象添加了一份立体感。长阴影快速发展为流行的设计趋势，并经常被应用到扁平设计方案的对象。更详细的介绍可以阅读《扁平化设计的最新趋势 – 长阴影》一文，相信看了之后你会长阴影设计有更深的了解。
阅读全文
摘要：优秀网页作品赏析《第四季》，精彩继续每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Mobile Design Kit 是一套可以免费使用的移动模板。包含多种颜色，支持15种扁平化设计的设备，包括 iPhone 4s & 5, iPad 2, 4 & Mini Galaxy Pocket, Young, S3 Mini, S3, S4 & Nexus 7 Lumia 520 & 920, Surface RT & Pro 等等。
阅读全文
摘要：手写字体可能不是网页设计最好的选择，但你可以用它们在一些标题，壁纸，通知等地方。当你试图为您的设计作品实现独特的外观的时候，手写字体可能是很有用的。在下面的列表，你会发现30款漂亮的免费手写风格字体。虽然不是很多，但这里只有最好的，干净和最美丽的手写字体。
阅读全文
摘要：CSS 选择器赋予 CSS 强大的 HTML 元素匹配功能。作为前端开发人员必须要掌握的一部分，可能基本的大家都知道。但是你真的精通 CSS 了吗？挑战一下 CSS 选择器测验就知道。
阅读全文
摘要：HTML5 在不同的领域让网页设计更强大的。快速，安全，响应式，互动和美丽，这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能，允许开发人员和设计师创建应用程序和网站，带给用户桌面应用程序的速度，性能和体验。这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快，更容易。
阅读全文
摘要：FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择。FancySelect 使用方便，只要绑定页面上的任何 Select 元素，并调用就 .fancySelect() 就可以了。默认情况下，FancySelect 在移动设备上使用原生的选择功能和风格。
阅读全文
摘要：扁平化设计正被用于各个主流的移动操作系统以及许多流行的网站，这是一个不断上升的趋势。 这种趋势有其分支，其中之一是“长阴影 “的效果在元素上的使用。 采用角度为 45 度的投影，给对象添加了一份立体感。为了营造轻松的这样的效果，有一个免费的 PSD 文件称为 Long Shadow Generator ，可以帮助你在 Photoshop 中轻松实现长阴影效果。
阅读全文
摘要：Tridiv 是一个基于 Web 的编辑器，使用 CSS 创建 3D 形状。它提供了一个传统的四个面板的操作界面，给出了从每个平面的视图，以及一个预览窗格中示出的最终的效果。使用 Tridiv 可以创造极其复杂的对象和动画。
阅读全文
摘要：着陆页是一个在线营销的概念，是指当访客点击一个搜索引擎优化的搜索结果进入的第一个页面或“着陆”页面。这是一个重要的页面，它和提供的产品或服务的广告有点类似，提供了与产品相关的精确的信息，告诉客户可以购买的产品或服务。着陆页对于帮助网站把访问者转换成销售非常重要。因此，产品的消息必须明确，设计必须能吸引人且简单易懂。
阅读全文
摘要：字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享15款免费英文艺术字体下载。这些免费的字体是适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：相信很多用过 Path 的都对它的独特的旋转导航菜单有深刻的印象，这个功能也被很多的 Web 开发者模仿。今天分享的这款插件可以方便的在你的网站中加入和 Path 一样的旋转菜单，可以自定义效果。
阅读全文
摘要：SlimerJS 是一个提供给 Web 开发人员，可通过脚本编程控制的浏览器。它可以让你使用 Javascript 脚本操纵一个网页：打开一个网页，点击链接，修改的内容等，这对于做功能测试，页面自动机，网络监控，屏幕捕获等是非常有用的。事实上，它是类似 PhantomJS 的一个工具，除了它运行在 Gecko 上而不是Webkit。
阅读全文
摘要：名片是陌生人之间建立联系的最便捷、最有效的工具。名片它可能是给你的客户留下正面的印象第一步，另一方面，名片是一个企业最重要和最符合成本效益的营销工具之一，尤其是对于刚刚起步的企业。这里收集了50款免费的名片设计模板，提供 PSD 源文件下载。
阅读全文
摘要：我们可以说，最近图像在网页设计中的中心舞台。我们已经看到了一些真正美丽的网站中圆滑图像的焦点十分引人注目。在网页设计中，从简约的概念到完整的背景图片，有几种不同的图像的使用方法。所以今天我们将告诉你一些启发性的例子。下面收集的这些网站将证明，一个美丽和高品质的图像可以传递信息，增添个性。
阅读全文
摘要：表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章向大家推荐几款很棒的 JavaScript 表单美化和验证插件。
阅读全文
摘要：Web 元素是任何网站相关项目都需要的，质量和良好设计的元素对于设计师来说就像宝贝一样。如果您正在寻找您的网站，博客，Web 应用程序或移动应用程序寻找完美设计的网页元素，那么下面这个列表会是你需要的。今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素，用于 Web 和 Mobile APP 设计。
阅读全文
摘要：版式设计是很精美，也是大的流行趋势。选择正确的字体，粗体或素色飞溅，在不同的角度和设计是排版的元素。这种技术常用于标志，海报和网站设计上。它不仅吸引用户的关注，同时创造一个很酷的外观设计。在这篇文章中，我将向大家展示30例版式设计，一起欣赏。
阅读全文
摘要：Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 Web 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。定制器进行了重新设计，现在在浏览器中编译，而不是 Heroku 上，有更好的依赖性支持，甚至有内置的错误处理。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：《字体大宝库系列》给大家带来设计师必备的精美免费英文字体。字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。这些免费的好看英文字体适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单，是非常有用的东西，可以有很多的内容，如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要：今天，我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时，我们将让移动设备转动并移动每个画面，使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式，使用 CSS 来实现这样的效果是十分有趣的事情。
阅读全文
摘要：响应式设计的准则在于根据用户使用的屏幕的分辨率来改变网站的的布局。因此，视频或图像的大小和文本的数量，可以被视为是一个明显的变化。让你即使从智能手机浏览一个网站的时候能轻松地看到网站上的重要内容。今天，我们聚集了35新鲜的和鼓舞人心的响应式 Web 设计实例。
阅读全文
摘要：名片它可能是给你的客户留下正面的印象第一步，另一方面，名片是一个企业最重要和最符合成本效益的营销工具之一，尤其是对于刚刚起步的企业。这里收集了50款免费的名片设计模板，提供 PSD 源文件下载。
阅读全文
摘要：在本教程中我将告诉你如何使用 CSS 变换来创建圆形导航。教程逐一讲解实现这个样式将要涉及一些基本的数学知识并配合 CSS 变换来创建这些样式。不过不用担心，这里用到的数学知识真的是很简单的。教程使用浅显易懂的语言来介绍数学逻辑，让你能够清晰的理解背后的技术。
阅读全文
摘要：扁平化设计的流行，源于它简约的设计态度。扁平设计去除所有多余的元素和功能，在网页设计，如图形，声音，渐变，3D元素，阴影效果等，可以使设计看起来紧凑和充满吸引力。在这篇文章中，我收集了30个免费的扁平化设计 PSD 素材，这些对设计师很有用。
阅读全文
摘要：《字体大宝库》系列文章继续给大家带来20款好看的免费英文字体下载。设计者总是希望有最好的免费字体，以保持他们字体库的更新。这些免费的好看英文字体适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：TypeWonder 让网页字体的选择过程变得轻松愉快。它可以帮助您在任何网站上快速测试 Web 字体效果！输入网站网址，就能够即时预览的字体的实际效果，还可以从数百种字体中进行挑选，您还可以得到所需字体的代码，可以很方便的嵌入到您的网站。
阅读全文
摘要：网络上有数量庞大的服务和应用程序网站，它们以自己的方式向用户展示自己的产品和想法。我浏览过很多的网站，想寻找鼓舞人心的网站实例，但是服务和应用程序网站通常很难找到很好的设计。这就是为什么今天我收集这组鼓舞人心的网站例子。
阅读全文
摘要：响应式和现代设计风格的多用途 WordPress 主题与能够非常灵活的适应所有设备。而高级主题能够更大可能性的轻松定制。所有的主题是完全响应式的，您可以从主题选项中禁用/启用响应模式。
阅读全文
摘要：随着互联网的发展，网页设计变得越来越复杂，如今设计的外观和感觉实现网站功能说使用的开发技术一样重要。同时，网页设计领域也在发生巨大的变化，例如之前流行的扁平化设计伴随着 iOS 7 的发布被带到了新的高度，更多的人了解了这种前卫的设计理念。当设计师们还在讨论这种设计的时候，扁平化的设计又有了最新趋势——长阴影设计（Long Shadow Design）。
阅读全文
摘要：HTML5 Maker 是一个在线动画制作工具，帮助你使用 HTML，CSS 和 JavaScript 创建动态，互动的内容。它非常容易使用，同时可以帮你实现非常好的效果。它可以制作跨浏览器的动画内容，如 JavaScript 和 HTML5 动画，幻灯片，简报等等。
阅读全文
摘要：404页面是每个网站必不可少的一部分。我们在网络上能看到很多创意的404错误页面。在这篇文章中，我挑选了30个充满灵感和启发性的404页面设计的例子 。 许多 Web 设计师建立一个自定义的404错误页面，使访问者在您的网站上碰到404错误的时候，提示他们浏览替代内容，或者让他们被错误页面逗乐。
阅读全文
摘要：字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一个专业的免费英文字体集合。这些免费的字体是适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：最近，我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ，我也不想要一个功能特别多的复杂编辑器，只需要很基本的内容编辑功能，例如粗体，斜体，列表，对齐等等。这篇文章介绍一种方法，借助 HTML5 特性，使用10行 JavaScript 实现世界上最简单的文本编辑器。
阅读全文
摘要：Glyphish 是一套精心打造的图标库，包含 iOS 工具栏、标签栏、导航条等等，Glyphish 图标也完美的用在 Android、Windows Mobile App 和移动网站的 UI 设计等。目前可以免费下载 200 款常用图标，包含 PSD 源文件，可以根据需要自由修改。可以付费更多更好的图标。
阅读全文
摘要：贴纸经常被网页设计师用于为标注网站中的不同元素，以此吸引访客的注意。在这篇文章中，我向大家分享了一些链接，设计者可以从那里免费获得大量的各种贴纸 PSD 格式模板。这些贴纸不同的颜色，不同的形状，从而为设计师提供了大量的选择。他们可以使用这些贴纸方便地在不同的网页设计中创造有吸引力的网站。
阅读全文
摘要：网页中的字体的使用和排版是一门学问，这篇文章带给大家17个网页设计中字体排版的优秀作品。下面收集的这些网站作品都是精心挑选的优秀国外网站作品，丰富多彩，大胆的相当干净和简单的设计，当然也有一些好的灵感，激发你的想象力。
阅读全文
摘要：MixItUp 是一款轻量，但功能强大的 jQuery 插件，提供了对分类和有序内容的美丽的动画过滤和排序功能。特别适合用于作品集网站，画廊，图片博客以及任何的分类或有序内容。它是如何工作的？ MixItUp 根据你的过滤条件决定哪些内容隐藏，显示或重新定位，然后应用 CSS3 transitions 平滑动画到新位置。这是一个非常有效的方法，借助了现代浏览器的渲染能力，并避免过多的使用 jQuery 进行 DOM 操作。
阅读全文
摘要：贴纸经常被网页设计师用于为标注网站中的不同元素，以此吸引访客的注意。在这篇文章中，我向大家分享了一些链接，设计者可以从那里免费获得大量的各种贴纸 PSD 格式模板。这些贴纸不同的颜色，不同的形状，从而为设计师提供了大量的选择。他们可以使用这些贴纸方便地在不同的网页设计中创造有吸引力的网站。
阅读全文
摘要：选择颜色是网页设计的一个重要方面。Web 和图形设计人员会仔细挑选一种颜色，以吸引读者的注意力。黄色作为一种明亮的和令人兴奋的颜色，比较能够抓住读者的注意力。在这篇文章中，我挑选了33个优秀的黄色风格网站，希望能够带给你灵感。
阅读全文
摘要：我敢肯定，我不是唯一一个曾经特别想知道图片上使用的某个字体，然后特别无奈的到字体网站大海捞针似的的找类似的字体。如今，一个强大的软件字体识别——WhatFontIs，让我们的生活更轻松。从它的名字可以知道，它能够帮助我们识别字体，更精确地说，它可以从一个给定的图像识别出字体的名称。它的拥有自己的数据库，涵盖超过280,000字体。如果没有找到，则返回最接近的匹配字体。
阅读全文
摘要：前端开发并不容易，除了掌握基本的 HTML、CSS 和 Javascript 之外，因为不同版本的浏览器和平台，你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计，它不仅使 Web 项目开发更难，也需要花费更多的开发时间。不过，有很多优秀的框架可以帮助到你，这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件，几乎所有的都使用了响应式网格系统。
阅读全文
摘要：今天，给大家分享来自 Quess 的如何实现图片的形状遮罩和放大动画效果。在很多作品集网站中，我们经常能看到这样的造型和效果。就个人而言，我觉得我们不能因为旧的浏览器不支持，我们就放弃在项目中使用 HTML5 或者 CSS3 技术。我们应该“奖励”使用现代浏览器的用户，给他们一个更好的用户体验。
阅读全文
摘要：作为一个网页设计师，需要经常去关注优秀的网站作品，获取创作灵感，掌握最新的设计趋势。在这个竞争激烈的就业市场，个人作品集网站是最好的求职工具。因此，设计师们都竭尽所能设计一个有创造性的个人作品展示网站，期望给访客留下深刻的印象。在此集合中，你会看到各种各样的创意设计和新趋势，包括精巧的布局，令人印象深刻的视差滚动，和不同寻常的插画设计等等。
阅读全文
摘要：这套扁平风格图标集包含一组62个不同的文件类型图标，有 AI，ICO和 PNG 三种格式。他们采用长阴影模式的扁平化设计，看起来非常整齐和现代化。这些图标是完全免费的，可以用于商业项目。
阅读全文
摘要：这篇文章是《Web 开发最有用的50款 jQuery 插件集锦》系列的最后一篇，整个系列向大家分享了在网站开发中非常有帮助的 50 款 jQuery 插件，这些插件按用途主要有以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等，系列其它文章列表如下：
阅读全文
摘要：UIKit 是一个轻量级，模块化的前端框架，用于构建快速和强大的 Web 界面。UIKit 为您提供了 HTML，CSS 和 JavaScirpt 组件，使用简单，容易定制和扩展。UIKit 基于 LESS 开发的结构良好，可扩展的，易于维护的代码。
阅读全文
摘要：按照罗马旧历，March 为第一个月，September 就是第七个月。September 这一名称源自意为“七”的拉丁文 septem。当罗马人采用了儒略历之后，他们保留了原先的好几个月名，September 就成了“九月”。这篇文章向大家分享一组精美的2013年9月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧挑选一张为你的桌面换上吧。
阅读全文
摘要：作为一个网页设计师，需要经常去关注优秀的网站作品，获取创作灵感，掌握最新的设计趋势。在这个竞争激烈的就业市场，个人作品集网站是最好的求职工具。因此，设计师们都竭尽所能设计一个有创造性的个人作品展示网站，期望给访客留下深刻的印象。在此集合中，你会看到各种各样的创意设计和新趋势，包括精巧的布局，令人印象深刻的视差滚动，和不同寻常的插画设计等等。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Chance 是一个基于 JavaScript 的随机数工具类。可以生成随机数字，名称，地址，域名，邮箱，时间等等，几乎网站中使用的任何形式的内容都能够生成。这个随机数工具可以帮助减少单调的测试数据编写工作，特别是编写自动化测试的时候。
阅读全文
摘要：最新发布的 iOS 7 抛弃了曾经倍受追捧的拟物化设计，采用扁平化，极简设计的界面。对于 iOS 平台来说，采用没有阴影的平面设计其实是有道理的。以前的屏幕分辨率有限，必要的阴影可以填补小尺寸，分辨率低的图标不清晰的缺点。然而，今天许多苹果设备都使用了视网膜显示屏，超高的分辨率让其完全可以去除使用阴影的界面设计。
阅读全文
摘要：这是一款非常棒的图片对比工具，能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起，当你拖动滑竿的时候，利用 CSS clip 裁剪图片，进行形成视觉对比效果。
阅读全文