03 2014 档案
摘要：jQuery 模态窗口插件帮助网站开发人员显示网页中的特定内容，让用户聚焦到这个地方。模态窗口是嵌入到当前网页中，不用重定向到新网页的弹出窗口。在这篇文章中，我们收集了15款最好的 jQuery 模态窗口插件，将帮助你在你的 Web 应用中实现模式窗口。
阅读全文
摘要：对于移动应用程序开发人员和设计师来说，通过动感的 GIF 动画展示手机应用程序的概念与屏幕或一个特定的功能在应用程序中是如何工作是一个可爱的呈现技巧。下面的列表包含20个极具创意的移动界面动画效果，相信其中很多的设计你之前都没见到过。
阅读全文
摘要：ShareDrop 是苹果 AirDrop 服务的 HTML5 版本，你可以直接在设备之间传输文件，而无需先上传到任何服务器。它使用 WebRTC 来实现安全的点对点文件传输。目前 ShareDrop 只允许您发送文件到同一个本地网络的其他设备，即设备使用相同的公共IP地址。
阅读全文
摘要：Furatto 是一个基于 Bootstrap & Foundation 的前端开发框架，用于快速开发网站。这个框架采用流行的扁平化设计和响应式设计。除了布局和网格之外，所有的主要元素都有预定义的样式，例如按，表格，表单等，而且还有各种各样的 JavaScript 组件，像模态弹窗，工具提示等等。
阅读全文
摘要：最流行的内容管理系统（WordPress）和最流行的网页设计技术（响应式设计）结合会是什么样的呢？下面这个列表收集了10款响应式的 Wordpress 主题，能够带给你不一样的网站体验。
阅读全文
摘要：PintJS 是一个小型、异步的 GruntJS 运行器，试图解决大规模构建流程中的一些问题。 典型的Gruntfile 会包括 jsHint，jasmine，LESS，handlebars， uglify，copy 以及 clean 任务。PintJS 允许你对任务进行拆解，重新组织构建成可单独运行和测试的小块。
阅读全文
摘要：每天有数以百计的网站推出，其中很多优秀网站被推荐到 CSS 画廊供大家评分和评论，这对于网页设计师来说是很好的灵感来源。今天，我们选择了15个来自全球各地的 CSS3 网站设计作品， 它们都是赢得 CSS 奖项的。enjoy!
阅读全文
摘要：Web 应用程序有离线功能，如保存大量数据集和二进制文件。你甚至可以做 缓存 MP3 文件 这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是，如何选择合适技术，如何方便灵活的实现。
阅读全文
摘要：作品网站对于很多人来说是向你的客户展现你的工作的主要渠道，所以值得多花一些精力去设计。设计师，摄影师和其他创意专业的人士可以利用图像，图标等元素来提供一个令人印象深刻的组合。从简洁明快的办法到鲜艳的色彩和动画，创建一个作品网站时，每一个专业都有自己的风格。
阅读全文
摘要：PNotify 是一个 JavaScript 通知插件，前身为 Pines Notify。它旨在提供无与伦比的灵活性，同时很容易使用。它可以提供无阻塞的通知，允许用户无需关闭通知或者提示信息就可以点击通知后面的元素。
阅读全文
摘要：这篇文章展示了20幅绝美的地理风光摄影作品。自然摄影比其他类型的摄影更倾向于将更重视图片的美学价值。大多数自然摄影师喜欢没有人出现在他们的照片中，他们想获得纯净、完美的风景，没有人类的影响。一起欣赏：）
阅读全文
摘要：Mithril 是一个客户端的 Javascript MVC 框架。它是一个工具，使应用程序代码分为数据层，UI 层和粘合层。提供了一个模板引擎与一个虚拟的 DOM diff 实现，用于高性能渲染，支持路由和组件化。
阅读全文
摘要：使用 HTML5，CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架，帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS，而另一些则可能需要使用 JavaScript 库。
阅读全文
摘要：纹理图案对网页设计师来说非常有用，个性的纹理可以让你的网站看起来更加优雅时髦，从而脱颖而出。纹理图案通常都是高质量的图片，一般有木质纹理、布质纹理、墙壁纹理和石质纹理等形式。今天，本文与大家分享纹理在网页设计中的20个优秀应用案例，enjoy!
阅读全文
摘要：HTML5 Dashboard 是一个 Mozilla 推出的项目，里面展示了最前沿的 HTML5，CSS3，JavaScript 技术。每一项技术都有简洁，在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术，如果不想落伍的话就赶紧来看看吧。
阅读全文
摘要：这里给大家分享最新出炉的10套免费的扁平化设计的界面素材，你会发现很多复杂的和基本的元素，如按钮，菜单，进度条，视频和音频元素，帐户登录等等。下载并修改它们以适合您的项目，它们将帮助你节省了大量的时间与这些惊人的软件包。
阅读全文
摘要：复古怀旧风格的网页设计是一种独特的网页设计模式。当然，复古设计不是适合任何类型的网站，设计必须是故事的一部分，并有适应的业务领域，但是如果应用得当，效果是惊人的！这里是30个美丽的复古设计的网站，一起欣赏。
阅读全文
摘要：一个 JavaScript 库是预先编写的 JavaScript 程序，用于简化 Web 应用程序开发，特别是对 Ajax 和其它 Web 为中心的技术。JavaScript 提供了多种方法，通过它来创建交互式网站，Web 应用程序，给您的访客一个更好的用户体验。
阅读全文
摘要：WordPress 画廊插件最适合用于作品展示网站，特别对于那些想以一个奇特的，现代的方式展示他们作品的摄影师。如果你想为你安装 WordPress Gallery 插件，那么下面的是你想要的。本文展示了一组易于安装和配置的最佳 WordPress 画廊插件。
阅读全文
摘要：Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库，支持 Node.js 平台和浏览器中使用。Gremlins.js 随机模拟用户操作：单击窗口中的任意位置，在表格中输入随机数据，或者将鼠标移动到特别的元素。
阅读全文
摘要：在今天的快节奏的商业世界里，能够通过计划、组织、和管理资源池以及评估开发资源的模式来管理一个项目，是一个很艰巨的任务。下面收集了15款提高工作效率的项目管理工具推荐给大家，值得关注。
阅读全文
摘要：字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享10款最新发布的英文艺术字体，可以下载哦。
阅读全文
摘要：今天给大家分享的优秀教程来自 Codrops 网站，实现一个内容倾斜的 3D 幻灯片效果。我们平常见到的都是那种水平或者垂直滚动的效果，这个倾斜的内容滑动效果相信会让你眼前一亮。因为使用了 CSS 3D 变换和 CSS 动画，所以支持现代浏览器。赶紧体验一下吧。
阅读全文
摘要：当下的设计趋势已经彻底改变了过去几年对于网页设计的概念，而且至少在接下来的这一年里会发展得如火如荼。我们已经接触到了垂直滚动、扁平化设计、复古的配色、极简的配色，以及幻灯动画展示，当然，响应式设计才是最头等的趋势。
阅读全文
摘要：如今，大多数设计师和开发人员被要客户要求开发动态的网站。创造视觉震撼和醒目的动态网站是艰巨的任务，因为它需要大量的努力和创造力。如果你正在寻找一款 jQuery 动画插件，使得网站内容更加动感，那么你找对地方了，因为下面是12款优秀的 jQuery 动画插件清单，将帮助你为你的网络项目创建各种动画效果。
阅读全文
摘要：Scroll Depth 是一个小型的 Google Analytics（谷歌分析）插件，可以让你衡量用户在页面上滚动了多远。它可以监控 25%、50%、75% 和 100% 四个滚动点，并发送谷歌分析事件。您还可以跟踪页面上的特定元素是否滚动到视图中。
阅读全文
摘要：如何向其他人呈现你自己和你的作品呢？关于页面的设计是非常重要的，以让你的观众更多地了解你，你的工作和你的想法。这是一个很好的方式来获得更加个性化的展示效果。设计一个漂亮的关于页面是具有挑战性的。出于这个原因，我们聚集了一些鼓舞人心的例子来激励你。
阅读全文
摘要：《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 动画库和开发框架，相信其中一定会有一款是适合你的。
阅读全文
虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果，但是浏览器兼容性问题让人头疼。不过不用担心，我们还有另外的武器——JavaScript，它同样可以帮助你实现各种各样的动画效果，而且借助已有的动画库和框架，也能够让你快速开发。这篇文章挑选了个人认为最好的15个 JavaScript 动画库和开发框架，相信其中一定会有一款是适合你的。
阅读全文
摘要：侧边栏菜单将会是一个新的网页设计趋势！实际上，侧栏模式的菜单设计已经有相当长的一个历史了，最开始它被用在计算机应用程序中，后来逐渐流行并被应用到网页设计领域。下面给大家分享21例十分时尚侧边栏菜单网页设计作品，这里创新的案例将启发你的灵感。
阅读全文
摘要：Bucky 是一个开源的实时用户监控工具，用于衡量用户在浏览器中使用 Web 应用程序时的性能。它可以自动测量你的网页需要多长时间来加载，Ajax 请求需要多长时间和各个函数需要实行多久。
阅读全文
摘要：使用恰当的调色板是网页设计过程中最重要的部分，也是最困难的部分。通常现有的品牌对于采用什么颜色影响最大，但也可能有其它因素发挥作用。例如，要为网站的访问者定下的基调和情绪主要是由颜色决定。对于这篇文章，我们已经收集一组优秀配色的网页作品，为您提供很好的启发。
阅读全文
摘要：由于网页设计师没有时间来自己从零开始设计，所以在设计项目中使用网络上已有的设计素材是常见的方式。这就是为什么我们经常会到网上搜索可以免费下载的素材。今天，我们这里有几套不同的免费的 PSD 素材分享给你，从 iPhone 样机到用户界面等等。有可能你会在即将开展的项目中用到它们。
阅读全文
摘要：多用途的响应式设计的主题是最适合杂志网站，博客网站，想要在自己网站上展示自己作品的用户。支持视网膜显示使其在 iPad，iPhone，Mackbook，iMac 等设备上有更高的分辨率。今天，这个列表收集了25款响应式，支持视网膜显示的 Wordpress 主题，能够用于你的 WordPress 网站。
阅读全文
摘要：Molecule 框架由拥有超过五年手机游戏开发经验的游戏开发者开发。由于移动浏览器与实际的 HTML5 规范的兼容性的改进和内部硬件的自然进化，HTML5 手机游戏真正有可能流行起来。
阅读全文
摘要：俗话说“一张图片胜过千言万语”，我很赞同照片在网页中能够传达给我们更深的含义。令人欣慰的是，很多网页设计师也同意这种说法，特别是使用大尺寸而且漂亮的照片在网页布局中。从巨大的背景图片到大的缩略图，我们有很多不同的例子向您展示图像如何创造与观众的情感联系，同时抓住他们的注意力。
阅读全文
摘要：
今天，我们将分享一些很有用的技巧和窍门给 jQuery 开发人员。jQuery 是最好的 JavaScript 库之一，用于简化动画，事件处理，支持 Ajax 和 HTML 的客户端脚本。网络中有大量的 jQuery 插件，有助于在短时间内通过简单容易的方法创建网站。
阅读全文
今天，我们将分享一些很有用的技巧和窍门给 jQuery 开发人员。jQuery 是最好的 JavaScript 库之一，用于简化动画，事件处理，支持 Ajax 和 HTML 的客户端脚本。网络中有大量的 jQuery 插件，有助于在短时间内通过简单容易的方法创建网站。
阅读全文
摘要：Nightwatch.js 是一个易于使用的，基于 Node.js 平台的浏览器自动化测试解决方案。它使用强大的 Selenium WebDriver API 来在 DOM 元素上执行命令和断言。 语法简单但很强大，使您可以快速编写测试。
阅读全文
摘要：飞扬的小鸟（Flappy Bird）无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发，形式简易但难度极高的休闲游戏，很容易让人上瘾。这里给大家分享一篇这款游戏的 HTML5 版制作教程，借助 Phaser 框架，只需65行 JavaScript 代码即可实现。
阅读全文
摘要：下面是15个现代风格的单页扁平化网站设计的例子。扁平化设计（Flat UI Web Design）和单页网站（Single Page Web Design）这两个概念可以算作是去年网页设计最热门的趋势。所以设计师结合这两个概念来进行网站设计并不奇怪。看看这些例子，我必须说，这是一个网站呈现的很好的方式。
阅读全文
摘要：这里给大家分享一些很有用的 Git 命令，其中很多用法你可能都不知道，无论你是工作在团队环境中或在您的个人项目中，这些命令将对你帮助很大，让你可以更加高效的进行项目开发，更轻松愉快的工作和生活。
阅读全文
摘要：图标的确是设计项目的一个非常重要的元素。如果你正在组建一个网站或者应用程序，图标将是关键的用户交互要素。这就是为什么需要不断的获取优秀的图标来填补你的素材库。令人欣慰的是，有很多设计师在创造伟大的东西并给分享给社区。享受我们为您找到的这些免费的简约风格图标集。
阅读全文
摘要：这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件，如果你正在寻找能优化网站，使其更具创造力和视觉冲击，那么本文正是你需要的。这些优秀的 jQuery 插件能为你的网站提供各种各样强大的功能和效果。
阅读全文
摘要：插画和手绘元素可以突显网站的个性，从而抓住用户的注意力。如果你的网页还没有跟上插图的潮流，有几种方法可以将这些元素用在你的项目中。您可以给网页添加微小的插画图标，手绘图标或者大胆的插图背景。下面的例子将告诉你，如果使用得当，图文并茂，可以非常有效的表达含义。
阅读全文
摘要：Node.js 是最流行的 JavaScript 服务端平台，它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架，如 MVC 框架、全栈框架、REST API 以及大量的服务器库，使它能够快速构建 Web 服务器。今天，我们挑选了10个最好的 Node.js MVC 框架分享给 Web 开发人员，它们能够帮助开发人员更轻松的创建 MVC 项目。
阅读全文
摘要：无论是 PSD 素材或图标，我们喜欢寻找高品质的免费文件，并与我们的读者分享。我们搜索最好的资源分享给大家，这样你就不必自己去一个个网站找了，这样可以节省你的时间，并帮助你专注于最重要的任务。今天，我们为大家收集了一些最新的免费字体。
阅读全文
摘要：CSS 和 HTML，JavaScript 是网页的基础，作为前端开发人员，对这三者都要很熟悉。特别是未来流行全栈开发的时代，每项技术都是你知识结构中必要的一个节点。在开发中，选择好工具是非常重要的。这篇文章分享最好的20款 CSS 编辑器给开发人员，因为这些实用的工具将让你的工作更有效率。
阅读全文
摘要：名片——中国古代称名刺，是标示姓名及其所属组织、公司单位和联系方法的纸片。名片也是新朋友互相认识、自我介绍的最快有效的方法。下面的列表向大家展示12款创意的国外名片设计样本。
阅读全文
摘要：这里收集了12款很好用的 jQuery 图片滚动插件分享给大家。jQuery 作为最流行的 JavaScript 框架，使用简单灵活，同时还有许多优秀的插件可供使用。其中最令人印象深刻的应用之一就是各种很酷的图片效果，它可以让的网站更具吸引力。
阅读全文
摘要：Sticker.js 是一个很小的 JavaScript 库，它允许您在网页中创建漂亮的贴纸效果。没有依赖关系（不需要 jQuery），可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例，更多功能等着你去发现。
阅读全文
摘要：又到周末了，给大家分享30幅漂亮的 3D 虚拟现实环境呈现，放松一下。这些创造性的场景都是通过 3D 图形设计软件，结合三维现实环境渲染制作出来的。一起欣赏：）
阅读全文