梦想天空

摘要： 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 设计实例。 阅读全文