梦想天空

摘要： 网页设计，像网络营销的其它领域，在2014年也是经历了数次变革。几个新的网页设计趋势有望在2015年出现，预计在网页设计领域会出现更具创新和有趣的设计理念，特别是新旧趋势的融合。下面就让我们来看看，2015年 Web 设计领域的发展趋势。 阅读全文

摘要： 《水果忍者》是一款非常受喜欢的手机游戏，刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发，采用 vml + svg 绘图，使用了 Raphael，效果很赞，赶紧来膜拜一下。 阅读全文

摘要： Material Design 是谷歌推出的全新的设计理念，采用大胆的色彩、流畅的动画播放，以及卡片式的简洁设计。Material Design 风格的设计拥有干净的排版和简单的布局，容易理解，内容才是焦点。Material UI 是一个 CSS 框架和一组实现谷歌 Material Design 设计规范的 React 组件。 阅读全文

摘要： 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经三年半，总共发布了30期。今天这篇是2014年第10期（总第31期），希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用。 阅读全文

摘要： 在访客浏览你的网站的时候，他们注意到的第一件事是你的网站头部。无论是一个小导航条或大型全屏照片幻灯片，网站头部都是网站重要的一个组成部分。大的网站头部往往更令人难忘，有利于提升一个网站的品牌。在这篇文章中，我想向网页设计师们分享新潮的网站头部设计案例。 阅读全文

摘要： Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候，为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ，并给出了一个有趣的动态的互动。有很多应用场景，例如分类和组织内容（像 Pinterest 的面板），或在邮件应用程序或内容管理系统中执行一些操作。 阅读全文

摘要： WordPress 插件样板是标准化的，有组织的，面向对象的基础，用于构建高品质的 WordPress 插件。样板遵循编码标准和文件标准，所以你不必自己学习这些，根据注释编写代码即可。 阅读全文

摘要： Vue.js 是用于构建交互式的 Web 界面的库。它提供了MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。 阅读全文

摘要： 如果你想快速制作出一个优秀的网站，网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手，学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板，相信会有你需要的。 阅读全文

摘要： Schema 是一个模块化的，响应式的前端框架，方便，快捷地帮助您迅速启动你的 Web 项目。Schema 配备完整的创建多个视图的能力。从桌面显示器到移动设备，它的12列网格提供强大的灵活性。Schema 借助了强大的 LESS，这使得代码结构干净简洁，超级容易维护。 阅读全文

摘要： 在这个列表中挑选了9个物理和重力实验，用来展示 Javascript 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用 JavaScript 做出来的。 阅读全文

摘要： 新的一周，你可能有计划去学习新的东西或者能够提升你的能力的前端特定的语言或技术。在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。 阅读全文

摘要： 在开发中，一些功能需要用到倒计时，例如最常见的活动开始、结束的倒计时。使用最流行的 JavaScript 库来制作这个效果很简单。下面就是一个 jQuery 制作的逼真的日历翻转效果的倒计时功能。 阅读全文

摘要： 这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题，相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。 阅读全文

摘要： ProgressBar.js 是一个借助动态 SVG 路径的漂亮的，响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条，圆形和方形等几个内置的形状，但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。 阅读全文

摘要： 通过 JavaScript 实现 SVG 路径动画，我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框，使用伪元素创造更具吸引力的样式，输入框被选中的时候执行 SVG 动画。 阅读全文

摘要： 我的大多数朋友都是网页设计师或开发人员，其中大部分人都已经创建了自己的个人作品集网站来展现技能并链接到他们以前的作品。有一个在线的作品组合，并保持它的更新对于专业人士是至关重要的，它绝不是仅限于那些从事 Web 设计和开发工作的人。这里是25个精美的个人作品集网站，激发你的灵感。 阅读全文

摘要： 网络有很很多的 CSS 工具和教程可用，它可以帮助设计人员和开发人员轻松、快速地学习 CSS 技术。这些工具中在高效开发 Web 应用程序中发挥重要作用。在这篇文章中，我们收集了40个最好的 CSS 工具用于加速网站开发，如创建 CSS 菜单，动画，三维模型，响应式页面，动画按钮等等。 阅读全文

摘要： Devrama Slider 是一个图片滑块，支持很多特色功能。除了支持图片滑动，其它的 HTML 内容也支持。主要特色：响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。 阅读全文

摘要： Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。Sublime Text 更妙的是它的可扩展性。所以，这里挑选了全栈开发必备的10款 Sublime Text 插件，让本已精彩的编辑器更加好用，全端开发的码农们不用去网上一个个找了，赶紧收藏起来吧。 阅读全文