梦想天空

摘要： 单页网站是把所有的内容都展示在一个页面中，这样访客就不需要跳转到其它的页面。如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下，那么制作成单页网站（Single Page Websites）的形式是很好的选择。随着视差滚动（Parallax Scrolling）特效的流行，如今的单页网站也把这种精美的效果集成了进来，使得页面呈现更具创意。下面和大家分享一组在页面滚动时候有很炫的动画的单页网站作品，一起欣赏。 阅读全文

摘要： Lazy Line Painter 是基于 Raphaël 矢量图形库的 jQuery 路径动画插件，能够把线条图案转换为有趣的动画绘制模式。使用方法：首先在 Illustrator 中把线条图形导出为 SVG 格式，要确保图案不填充，没有封闭路径，线条要有明显的开始和结束点，类似画板绘制的图案；然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中，拷贝生成的 JavaScript 代码；最后在页面中引入 jQuery、Raphaël & Lazylinepainter，粘贴之前拷贝的代码到 DOM Ready 方法中。 阅读全文

摘要： Web 浏览器正变得越来越强大，而 JavaScript 则让 Web 变得更加有趣。在这篇文章中，向大家推荐最有趣的 JavaScript 框架，工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊：） 阅读全文

摘要： Smashing Magazine 发布了一个包含非常有用的 UI 组件和 48 个精美的矢量图标的素材包。界面组件包 Polaris UI Kit 里面包括编辑框，复选框，单选按钮，页面导航，菜单，按钮等等，可以免费用于任何项目。图标集合 Linecons 里面包含的 48 个可伸缩矢量图标都是 outline 风格，提供了 AI, PNG, PSD, SVG 等多种格式。 阅读全文

摘要： CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。其共有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。 阅读全文

摘要： 过完中国传统的农历新年，大家又开始奔波忙碌了。令人期待的2013年3月桌面日历壁纸新鲜出炉，供大家免费下载。高清日历桌面壁纸可以直接在桌面上看到某一天所对应的星期，并且还含农历哦，非常方便实用，赶紧为你的桌面换装吧！ 阅读全文

摘要： 这篇文章是前端优秀讲座和讨论列表系列连载第四篇，向大家分享宝贵的移动开发经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。 阅读全文

摘要： 2012年，众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等，将陆续分享给大家，记得关注和收藏啊。 阅读全文

摘要： 在过去的几年里，我们看到建设网站的方式发生了巨大的变化。随着浏览器对 HTML5/CSS3 Web 标准的支持的不断增强，越来越多的用户已经转移到移动平台。在这篇文章中，我想介绍一些我们已经看到正不断变化的趋势。其中，许多设计理念已经存在了很长一段时间。但是，我认为在2013年里，这些独特的想法将会更加的蓬勃发展。网上提供了很多可以免费下载的开源项目和用户界面，这样设计人员可以专注于技术领域，快速掌握前沿趋势。 阅读全文

摘要： text-shadow 曾经在 CSS2 中就出现过，但在 CSS 2.1版本中又被抛弃了，现在 CSS3 版本又重新捡回来了。这说明 text-shadow 这个属性非常值得我们做前端的人员重视，而且 CSS3 这么多属性中，我个人觉得 text-shadow 运用得是最多的一个属性，作为我们前端人员我觉得有必要学习并掌握这个 text-shadow 属性。 阅读全文

摘要： Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。上一篇文章《Grunt：基于任务的 JavaScript 项目构建工具》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍如何使用 Grunt 合并文件。 阅读全文

摘要： 选择最佳的应用程序图标集对于 Web 应用来说非常重要的。这些图标必须遵循所有的视觉体验指导方针，必须适合整体设计，能够帮助简化交互和导航。。在这篇文章中，我已经收集了20个华丽的图标集，适用于几乎任何类型的设计。这些图标有一个干净的和描述性的外观，同时遵循良好的设计原则，相信你会喜欢。 阅读全文

摘要： 前一篇文章详细介绍了CSS3 RGBA 的用法，今天这篇文章我们在一起来看看 CSS3 中用于实现圆角效果的 border-radius 属性的具体用法。以前制作圆角效果，我们都需要使用多张圆角图片做为背景分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四个空标签，然后在每个空标签中应用一个圆角的背景位置，然后在对这几个应用了圆角的标签进行定位到相应的位置，非常繁琐。 阅读全文

摘要： 过去的几年中，不断涌现出新的自定义网站设计技术。一个非常流行的想法是把所有的主要内容放在一个页面，使用动态滚动动画来定位内容，这种单页布局在只需要显示相关信息的一小部分的目标网页和移动应用程序制作网站经常使用。在这篇文章中，我想向大家介绍单页网站中一些有趣的技术。希望这些想法能够给正在寻找这方面内容的年轻设计师提供灵感。 阅读全文

摘要： 颜色在 CSS 中有三种定义方式：使用颜色方法（RGB、RGBA、HSL、HSLA），十六进制颜色值和预定义的颜色名称。RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）的色彩空间。虽然它有的时候被描述为一个颜色空间，但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。 阅读全文

摘要： 这篇文章收集了Google 前端工程师 Addy Osmani 分享在 Speaker Deck 的15个精彩幻灯片，每个都是精华中的精华，真正的干货！相信你认真阅读之后一定会有收获！Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本书籍，还是著名 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。 阅读全文

摘要： 文框输入框的自动完成和自动提示功能可以帮助用户快速的完成操作，是非常好的产品使用体验。这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件，帮助你在网站中轻松添加输入框的自动完成和自动提示功能。 阅读全文

摘要： 2012年对于网页设计领域来说是非常有趣的一年，响应式设计的流行孕育了辉煌的重新设计：巧妙的布局、清晰的排版和强烈的色彩对比。下面分享一组独特的网页设计作品，这组优秀网页作品向你展示的对于未来网页设计发展的想法会让你倍感兴奋。 阅读全文

摘要： Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及运行静态服务器。上一篇文章《JavaScript 项目构建工具 Grunt 实践：安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍 Grunt 中的任务和指令。 阅读全文

摘要： 这篇文章收集了25款精美的免费 CSS 网站模板分享给大家，您可以免费下载使用。相信这些漂亮的免费 CSS 网站模板既能够帮助您节省大量的时间和精力，又能有很满意的效果。 阅读全文