梦想天空

摘要： 如何向其他人呈现你自己和你的作品呢？关于页面的设计是非常重要的，以让你的观众更多地了解你，你的工作和你的想法。这是一个很好的方式来获得更加个性化的展示效果。设计一个漂亮的关于页面是具有挑战性的。出于这个原因，我们聚集了一些鼓舞人心的例子来激励你。 阅读全文

摘要： 《Web前端开发精华文章推荐》2014年第二期（总第二十三期）和大家见面了。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀jQuery插件，展示前沿的HTML5和CSS3技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的Web开发工具，希望这些精心整理的前端技术文章能够帮助到您。 阅读全文

摘要： ScrollMagic 是一款 jQuery 插件，它让你可以像使用进度条一样使用滚动条。如果你想在特定的滚动位置开始一个动画，并且让动画同步滚动条的动作，或者把元素粘在一个特定的滚动位置，那么这款插件正是你需要的。 阅读全文

摘要： 这篇文章收集了20个免费的 JavaScript 游戏引擎分享给开发者。这些游戏引擎能够帮助游戏开发人员更快速高效的开发出各种好玩的游戏。使用 HTML5、CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏，比如：3D 动画效果，Canvas，数学，颜色，声音，WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。 阅读全文

摘要： 为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好？简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。 阅读全文

摘要： 响应式和现代设计风格的多用途 WordPress 主题与能够非常灵活的适应所有设备。而高级主题能够更大可能性的轻松定制。所有的主题是完全响应式的，您可以从主题选项中禁用/启用响应模式。今天，这个列表收集了25款响应式，支持视网膜显示的 Wordpress 主题，能够用于你的 WordPress 网站。 阅读全文

摘要： pjax 是 HTML5 pushState 以及 Ajax 两项技术的简称，综合这两个技术可以实现在不刷新页面的情况下载入 HTML 到当前网页，带给你超快速的浏览器体验，而且有固定链接、标题以及后退按钮都是有效的。jQuery pjax 这款插件可以帮助你把这项技术运用到自己的网站中。 阅读全文

摘要： 单页网站是提供给用户简约易用的体验的好方法。在一个单页面中展示你需要的所有内容可能是一个充满挑战性的过程，但很多设计师喜欢这个风格，并创作出很多惊人的单页网站作品。怎样制作单页网站？下面这组国外优秀的单页网站案例将带给你灵感。 阅读全文

摘要： 这篇文章挑选了 Web 开发人员不能错过的10个 HTML5 开发教程，能够帮助你快速掌握 HTML5 高级开发技巧。HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。 阅读全文

摘要： 通常我们都只关注最终的作品，但其实幕后还有很多的过程，其中一个是素描。素描用来表达最初思想观念的原型。有时客户需要一个独特的品牌新LOGO或字体，这时先绘制在纸上是比较方便的。今天，我想通过分享一组创意的字体排版（Typography）素描作品，给大家展示排版和字体之美。 阅读全文

摘要： Dewey 是一个 Chrome 应用程序，用于标记，搜索和排序你的 Chrome 浏览器书签。借助 Dewey，您可以添加自定义标签，生成你的书签截图，灵活快捷的方式进行搜索和排序。 阅读全文

摘要： 有很多小型的服装公司网站都交给一些富有个性，创意十足的设计师打理，可能他们的规模并不如大品牌那样出众，但这些网站的表现却令人感到惊艳。今天我们收集了25个酷炫的服装行业网站，来看下它们有哪些不俗的布局与惊喜的彩蛋吧。 阅读全文

摘要： 很多开源应用程序和工具都有很强的替代性。相对于其他昂贵的工具来说，开源工具兼容性比较好，并且他们是免费的。这样开发人员在进行日常的工作时便可以不花钱就可以获得这些必要的工具和程序。这篇文章20款优秀的开源工具分享给 Web 开发者。 阅读全文

摘要： Remodal 是一个扁平化，响应式，轻量而且容易定制的模态窗口插件，支持使用声明状态和 Hash 跟踪。您可以轻松地定义为模态弹窗定义背景景容器（如模糊效果）。支持所有现代的浏览器。 阅读全文

摘要： 我喜欢收集美丽的，精心设计的移动应用程序网站。在我看来，为 APP 提供一个美丽的网站显示了设计者和开发者对它的用户和产品的关心，除了开发应用程序，他们去加倍努力去促进应用和传播关于它的 APP。我们在这里收集到的网站之所以能够鼓舞人心，有以下几个原因：美丽的排版，时尚的导航，锐利的图标，充足的空白。这些都值得我们去学习。 阅读全文

摘要： CSS Shake 是一套 CSS3 动画特效，让页面的 DOM 元素实现各种效果的抖动（Shake），这些效果可以轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，加上特定的 class 即可。 阅读全文

摘要： 虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果，但是浏览器兼容性问题让人头疼。不过不用担心，我们还有另外的武器——JavaScript，它同样可以帮助你实现各种各样的动画效果，而且借助已有的动画库和框架，也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架，相信其中一定会有一款是适合你的。 阅读全文

摘要： 侧边栏菜单将会是一个新的网页设计趋势！实际上，侧栏模式的菜单设计已经有相当长的一个历史了，最开始它被用在计算机应用程序中，后来逐渐流行并被应用到网页设计领域。下面给大家分享21例十分时尚侧边栏菜单网页设计作品，这里创新的案例将启发你的灵感。 阅读全文

摘要： Bucky 是一个开源的实时用户监控工具，用于衡量用户在浏览器中使用 Web 应用程序时的性能。它可以自动测量你的网页需要多长时间来加载，Ajax 请求需要多长时间和各个函数需要实行多久。 阅读全文

摘要： 使用恰当的调色板是网页设计过程中最重要的部分，也是最困难的部分。通常现有的品牌对于采用什么颜色影响最大，但也可能有其它因素发挥作用。例如，要为网站的访问者定下的基调和情绪主要是由颜色决定。对于这篇文章，我们已经收集一组优秀配色的网页作品，为您提供很好的启发。 阅读全文