梦想天空

摘要： 大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩，并在其上放置其他的网页设计元素。这种新鲜的设计给网站带来独特的光泽。 阅读全文

摘要： Nibbler 是一款免费的工具，用于测试网站的各个方面指标。输入任意网站的地址，Nibbler 会给你一份报告，列出网站的10个关键领域的分数，包括可访问性，用户体验，搜索引擎优化，社交媒体和技术等等。 阅读全文

摘要： HTML5 在不久前正式成为推荐标准，标志着全新的 Web 时代已经来临。这里分享一个惊艳的 Canvas 水滴效果，双击可以把水滴分离；拖放到一起可以融合；晃动浏览器可以让水滴跳动；键盘左右键可以切换皮肤；上下键可以变换大小。 阅读全文

摘要： 如果能把 CSS 运用好，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一组结合 jQuery & CSS 制作的充满金属质感的选择框效果，绝对是超级精美的效果。 阅读全文

摘要： 苹果新一代智能手机 iPhone 6 发布已经有一段时间了，一些创意设计师已经开始在设计中采用 iOS 8 设计理念。当然，其中有些是对于未来的展望和大胆的设计。我在这里收集了15个很酷的 iOS 8 设计概念，可以让设计师丰富设计思路。 阅读全文

摘要： jQuery Face Detection 是一款人脸检测插件，能够检测到图片，视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信，面部识别技术能够给我们的 Web 应用带来各种可能性，创造出互动的，有趣的功能。 阅读全文

摘要： 手机经常会在最不合时宜的时刻没电了，不是吗？我们的生活依靠我们的手机，包括那些让我们更方便的设备。但所有这些设备的最糟糕的事情是，他们需要不时的进行充电。但是，如果没有插座可用，或者你没有时间去寻找插座的时候该怎么办？ 阅读全文

摘要： 最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。 阅读全文

摘要： Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天，它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。 阅读全文

摘要： 在这篇文章中，我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy! 阅读全文

摘要： 手风琴效果常用于切换显示一组内容，这种方式既可以节省网页空间又可以有动画效果。今天，我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。 阅读全文

摘要： Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前， Walkway.js 仅适用于路径和线条元素。 阅读全文

摘要： 如果你正在寻找 UI 工具包以扩大你的设计素材库，那么你找对地方了！在这篇文章中，你会发现许多 PSD 素材，包括各种风格，主题和设计选择的用户界面工具包。所有这些扁平化的UI工具包都可以免费下载，所以一定要感谢那些花时间来设计他们的设计师。 阅读全文

摘要： 使用 HTML5 和 CSS3，我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中，视差错觉就是网站设计领域的的效果之一。视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建一个令人惊叹的3D效果。 阅读全文

摘要： 对于我们大多数人来说，建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案，您可以使用的菜单设计风格将取决于正在建设的网站类型。无论你正在建设什么类型的网站，在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件，为您提供方便快速的解决方案。 阅读全文

摘要： 通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素，鼠标悬停时有动画效果和活动状态。 阅读全文

摘要： 扁平设计的风暴席卷了整个设计领域，它不仅影响网页设计，也影响了用户界面和标志设计。最近，我们看到了很多大公司，如谷歌和必应开始使用扁平设计的标识。 一个 LOGO 应该简单，显眼和精美，以适应产品的整个品牌的风格。扁平设计对标志设计很多好的方面，因为他们摆脱了所有的渐变和阴影变得更加简单易记。为了帮助激发您的灵感，我精心挑选了25个创意的标志，你一定会喜欢。 阅读全文

摘要： 今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果。其主要思想是扩大手风琴片上的点击和显示更多的信息。其他内容片段将变得不那么透明。当使用一个导航箭头导航下一个片段，新的片会从顶部或底部滑动。 阅读全文

摘要： 作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构，让他们可以方便的导航到上一层页面。在本教程中，您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。 阅读全文

摘要： 在这篇文章中，我们收集了一些在过去的几个月里最喜欢的 jQuery 插件。为了使您更容易搜索到自己喜欢的 jQuery 插件，我们已经对插件进行了分类： 页面布局插件，图片和视频插件，滑块和画廊，排版插件，最后一组 jQuery 插件工具。 阅读全文