01 2014 档案
摘要：在今天在移动 App 界面设计中，你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面，有有很多应用程序的 UI 概念设计，让你惊叹。如果你想获得灵感，那很有必要看看下面12个带给你惊喜用户体验的手机界面设计。
阅读全文
摘要：想要以用户友好的方式呈现多级菜单是件不容易的事情，而且还要跨浏览器兼容就更难了。Multi-Level Push Menu 这款 jQuery 插件提供了呈现这种菜单的解决方案，能够让你无限制的展示菜单，支持常用浏览器，而且能够用于触屏设备。
阅读全文
摘要：一闪一闪的霓虹灯可以创造出精美的照片。霓虹灯光效果可以在不同类型的摄影中，例如城市景观、肖像、抽象或艺术照。拍摄一个完美的霓虹灯光照片是一个复杂的任务，摄影师需要注意很多错综复杂的细节才能得到一个惊人的最终结果。这里的摄影照片展示一些提示和技巧，将帮助你获得一个完美的拍摄作品。
阅读全文
摘要：每天都有大量的应用程序发布到 iOS App Store 上，在数量巨大的应用中想要引起用户的主要，首页的就是独特的图标设计。这篇文章收集了14款精致的国外 iOS7 图标设计示例，希望能带给你设计灵感。
阅读全文
摘要：2013年，网页设计领域出现了几个新的流行趋势，最热门的要数响应式设计（Responsive Design）和扁平化设计（Flat Design）了，另外大图片背景、视频背景设计也被越来越多的设计师采用。
阅读全文
摘要：Summernote 是一个简单，灵活，所见即所得（WYSIWYG）的编辑器，基于 jQuery 和 Bootstrap 构建。Summernote 所有主要的操作都支持快捷键，有一个功能强大的 API，它提供了大量的自定义选项的设计（宽，高，有效的项目等等）和功能。
阅读全文
摘要：大家都知道微软的必应搜索引擎首页每天都会提供了一些有趣的图片，而这些图片很多都是有故事含义的，很多网友每天去访问必应首页都是为了这些图片而去的。在全世界，越来越多的白领和学生开始使用微软推出的必应搜索，甚至在美国，必应已从谷歌手中抢走20%的市场份额。这其中，独特的每日首页美图可谓立下了汗马功劳。
阅读全文
摘要：每一个公司都需要有一款创造性的、引人注目的名片，设计师们也一直在寻找新的设计概念。今天我们选择了15款高质量的专业的名片设计模板，这些精美的名片作品展示了设计师的创意和思想智慧。
阅读全文
摘要：CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。
阅读全文
摘要：2013年，网页设计领域出现了几个新的流行趋势，最热门的要数响应式设计（Responsive Design）和扁平化设计（Flat Design）了，另外大图片背景、视频背景设计也被越来越多的设计师采用。这个系列给大家展示一下2013年最好的网页设计作品，这些都是本年度在图片，纹理，导航等等各个方面的优秀网站。
阅读全文
摘要：CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器，能够编写代码并即时预览效果。你在上面可以在线展示自己的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示，这些 Demo 可以说都是艺术品，让小伙伴们都惊呆了！
阅读全文
摘要：排印（Typography）最近几年一直是流行的趋势。正确选择字体，使用厚重或者简单的颜色，并在不同的角度设计，这些就是对元素的排印。在本文中，我准备了一组现代英文字体分享给设计师们，这些免费字体可以免费用于个人和商业使用。
阅读全文
摘要：在互联网大潮中，越来越多的公司发力网络营销，包括很多传统行业的企业。如今，消费者需要购买产品或者服务，都会先到网络上去搜索，因此对于企业来说，拥有自己的企业网站非常重要。《经典网页设计》系列给大家带来10个优秀的国外企业网站设计案例，你可以从中学习如何设计优秀的企业网站。
阅读全文
摘要：在这篇文章中你可以看到16套华丽的扁平化图标素材，对于设计师来说非常有价值，能够帮助他们节省大量的时间。这些精美的扁平化图标可用于多种用途，如：GUI 设计，印刷材料，WordPress 主题，演示，信息图表和插图等等。
阅读全文
摘要：当需要在网站中添加拖放排序功能的时候，jQuery UI 的排序组件可能是最流行的解决方案。今天给大家介绍另一款简单灵活的 JavaScript 拖放排序插件——Sortable，它使用 HTML5 原生的拖放 API 来实现拖放，并支持在触屏设备上使用。
阅读全文
摘要：您是否拥有一个餐厅，酒吧，咖啡馆，小酒馆，比萨饼店？如果答案是肯定的，请确保您在网上也提供服务。为了使您的工作更轻松，我们选择了一些新的和独特的餐厅主题，覆盖了范围很广的食品企业。这些主题提供了很多很酷的功能，如响应式设计，便于潜在客户从移动设备在线预订餐桌。
阅读全文
摘要：这篇文章给大家分享20款美丽的 iOS7 移动应用程序图标，遵循图形设计的现代潮流，所有图标都非常了不起，给人惊喜。通过学习这些移动应用程序图标，设计人员可以提高他们的创作，使移动用户界面看起来更有趣和吸引人。
阅读全文
摘要：你开发了一款创新的移动应用程序，确信它是所在类别中最好的应用程序。这时候你会去做广告，但你不想让广告链接直接到商店页面，因为这不是一个明智的主意。你需要的是一个良好的引导页面（着陆页），让用户自己选择商店（苹果，谷歌或微软），这取决于他们的移动设备。下面编制了我们最喜欢的20个移动应用程序的引导页，并分析了各个类型的引导页成功的关键点。
阅读全文
摘要：这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作，开发人员需要特定的辅助工具，所以如果下面这些工具对于你来说都是新的领域，那么这篇文章是非常有用的，因为这些实用的工具将让你的工作更有效率。
阅读全文
摘要：我们通常使用鼠标和键盘（在移动端使用触摸）来操作网站，如今 Voix.js 能够让我们使用声音控制网站，很酷吧？它可以启动和停止侦听麦克风，在检测到一个给定的关键字时触发绑定的特定事件。Voix.js 使用很简单，不过目前只支持 Chrome 浏览器。
阅读全文
摘要：最美丽的，现代化的和惊人的移动 UI 设计就在这里。今天，我们挑选了12个来自 Behance 和 Dribbble 网站的优秀用户体验的手机界面设计。这些界面设计作品都是由世界各地的优秀设计师分享，可以从中获取灵活，帮助你更好的设计出自己的优秀界面。
阅读全文
摘要：优秀的网页设计需要关注许多方面，而空白的运用肯定是其中之一。空白是围绕设计元素，如图像，文本，列等的空白空间，使布局干净和精致。需要注意的是，空白并不需要是说要白色，只要它是空白的，任何颜色都能够提供一个干净和优雅的设计。
阅读全文
摘要：这篇文章展示12个使用小图片构成的创意插图作品，这些创意插图作品的作者是 Charis Tsevis，来自希腊的视觉设计师，擅长图像重组的创作手法，能够利用数千张小型图片或是对象组成唯美画面。几何图像是他非常擅长运用的元素之一，拥有众多令人惊喜的创作。
阅读全文
摘要：HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程，带你深入学习 HTML5 技术。
阅读全文
摘要：这里集合了16款现代风格的高质量英文字体，可以免费下载使用。这些字体在使用大字号显示（如广告、标签、宣传册和海报设计等）的时候效果最佳。设计师们不要错过了，赶紧收藏到你的字体库里。
阅读全文
摘要：名片作为陌生人之间建立联系的最便捷、最有效的工具，专业的名片设计可以给你的客户留下良好的第一印象，名片同时也是一个企业和个人最重要和最符合成本效益的营销工具之一。这个列表展示了12款专业的高档名片设计，一起欣赏。
阅读全文
摘要：浮动标签模式（Float Label Pattern）是最新流行的一种表单输入域的内容提示方式，当用户在输入框输入内容的时候，原先占位符的内容向上移动，显示在输入的内容的上面。这里推荐的这款 jQuery 插件就是帮助你实现浮动标签效果。
阅读全文
摘要：在这篇文章中，我们收集了15款精美的 WordPress 电子商务网站模板。WordPress 作为最流行的博客系统，插件众多，易于扩充功能。安装和使用都非常方便，而且有许多第三方开发的免费模板，安装方式简单易用。如果你想快速创建一个电子商务网站，那么使用现有的 WordPress 模板会是很好的方案。
阅读全文
摘要：高品质的网页元素是任何 Web 或移动相关项目的基本要素，质量良好的设计元素对于设计师来说就像一个宝藏，能够帮助他们在很短的时间里设计出优秀的作品。很多人喜欢扁平化设计风格，它的简单性让用户感觉轻松。这篇文章就给大家分享15套免费的扁平化界面设计素材包。
阅读全文
摘要：这些创意插图作品的作者是 Charis Tsevis，来自希腊的视觉设计师，擅长图像重组的创作手法，能够利用数千张小型图片或是对象组成唯美画面。几何图像是他非常擅长运用的元素之一，另类而个性的创作，令人惊喜。
阅读全文
摘要：在浏览 CSS 画廊的时候，我注意到很多网站使用深色或彩色背景搭配白色字体的例子，所以这篇文章挑选了一组使用白色字体的国外网页作品分享给大家。无论您使用的是美丽的背景图片，纹理，甚至是一个大的视频，结合白色的字体可以创造出一个非常戏剧性的效果。
阅读全文
摘要：今天的《前端文摘》给大家分享一篇玉伯的文章。文章详细介绍了 Web 开发的四种常用模式以及未来可能成为流行趋势的 Node 全栈开发模式，相信你看了以后一定会有收获。
阅读全文
摘要：Magnifier.js 是一个 JavaScript 库，能够帮助你在图像上实现放大镜效果，支持使用鼠标滚轮放大/缩小功能。放大的图像可以显示在镜头本身或它的外部容器中。Magnifier.js 使用Event.js 作为跨浏览器的事件处理器。
阅读全文
摘要：干净简洁的网页设计确实越来越流行，而字体和版式在这种类型的设计中起了很大的作用。如果你一直在努力为你的简约设计项目寻找合适的字体，那么这里分享的8款新鲜出炉的免费英文字体这是你需要的。
阅读全文
摘要：作为程序开发人员，我们生活的大部分时间都坐在电脑前，而在电脑中我们使用最多的软件就是代码编辑器。所以说，代码编辑器好不好用将直接影响开发人员的效率，优秀的代码编辑器能够让我们的工作事半功倍。在这篇文章中，介绍了10款功能特别的代码编辑器，你最喜欢哪个？
阅读全文
摘要：inTacto 是一家互动数字公司，由 Alejandro Lazos 和 Sebastian Caramés 成立于2001年。他们刚刚发布一个信息图表：《平面设计 VS 现实主义》。这是一个创新的网页，形象的解释了扁平设计（Flat Design）和拟物设计（Realism Design）的战争，包括一个互动游戏，你可以选择你的队友和敌人战斗。很有趣，赶紧来看看！
阅读全文
摘要：网站的视频背景，最早是采用 Flash，随着 HTML5 的高速发展，任何人都可以借助强大的视频标签把视频轻松的插入到他们的网站上，特别是那些想要展示自己的作品的人。时尚，电影和音乐艺术家的网站通过此功能改进整体设计来打动观众，吸引更多的观众和潜在买家到购物中心、音乐商店和电影院。
阅读全文
摘要：HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。这篇文章挑选了10个适合初学者的 HTML5 入门教程，带你踏上 HTML5 之旅。
阅读全文
摘要：Slip.js 是一个很小的 JavaScript 库，用于实现对触摸屏的互动 Swipe 和对元素重新排序列表（Reordering）。Slip.js 没有任何的依赖，你可以通过自定义 DOM 事件实现重新排序交互。
阅读全文
摘要：这似乎有点奇怪，设计单品电子商务网站有什么特别的吗？不过，例如像 Kickstarter，制造商机芯，3D打印等等，这些使得任何人都可以更容易创建一个新的产品的新东西，你就会明白为什么有单品电子商务的设计需求。这些公司不希望成为一个在线零售商，他们只是想推销自己的发明。因此，这篇文章挑选了16个单品电子商务设计，你可以从中借鉴和获得启示。
阅读全文
摘要：这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。
阅读全文
摘要：这是一个巨大的集合，包含各式各样的扁平风格苹果设备样机，用于展示您的响应网页设计。这些 PSD 文件包含的 iPhone，iPad，iMac 和 MacBook 设备，采用不同的视角，可以被用于个人和商业项目。
阅读全文
摘要：Planetary.js 是一个 JavaScript 库，用于构建互动球体效果。它使用 D3 和 TopoJSON 解析和渲染地理数据。Planetary.js 采用了基于插件的架构，即使是默认的功能是作为插件实现的，这使得 Planetary.js 非常灵活。Planetary.js 是完全可定制，包括颜色，旋转等等。
阅读全文
摘要：T裇衫是人们在各种场合都可穿着的服装，如在T裇衫上作适当的装饰，即可增添无穷的韵味。通过图案直接反映人类的精神风貌，你可以把日常生活中的兴趣、习惯、喜怒哀乐、嗜好等展露无疑，张扬个性、秀出自我。对于码农们来说，在T裇上印上自己一段代码，显得特别有内涵，有木有？
阅读全文
摘要：Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画，这些可以非常轻松的被应用到按钮、LOGO以及图片等元素。所有这些效果都是只需要单一的标签，必要的时候使用 before 和 after 伪元素。因为使用了 CSS3 过渡、转换和动画效果，因此只支持 Chrome、Firefox 和 Safari 等现代浏览器。
阅读全文
摘要：我们看到在扁平设计的潮流中，采用纯色的网页作品越来越多，随着 iOS7 和五颜六色的 iPhone 5C 的发布，这些色调也变得越来越充满活力。耀眼的 RGB 颜色在最新的网页设计越来越流行，处于历史高位。这篇文章向大家分享纯色在扁平化网页设计中的20个应用示例，帮助你掌握网页设计领域的最新趋势。
阅读全文
摘要：这篇文章挑选了20个优秀的 jQuery 实例教程，这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平。其中，既有网站中常用功能的的解决方案，也有一些有吸引力的亮点功能的实现方法，相信通过对这些教程的学习能够带给您很大的收获。
阅读全文
摘要：WordPress 电子商务网站主题今年非常流行，特别是对那些想要在几分钟内创建一个在线商店，但又没有掌握网络开发的很多知识的人来说。WordPress 是一个功能强大的 CMS，它的灵活性和可用性是广受欢迎最主要的原因，如果你还没有使用它，可以尝试一下。
阅读全文
摘要：Red Pen 让设计师能够快速，高效的从你的同事和客户获取反馈。只需要简单的拖放图像到 Red Pen 主页，然后把生成的链接分享给你的同事或者客户。他们打开链接就能看到设计稿，并给予实时的反馈，所有这一切都是在线的。您的数据将不会被出售或共享，你保留你上传的作品的所有权。
阅读全文
摘要：响应式设计用于创建可在任何设备上进行查看，并可以从智能手机屏幕无缝地切换到台式电脑屏幕的网站的技术。它的重点是确保轻松导航和可读性，以最小的缩放，滚动或平移必需的。路已变得不那么的最近趋势和更多的必需品，作为可以跨多种操作系统和设备的增加迅速查看手机兼容的网站的需求。
阅读全文
摘要：当开始学习如何创建 Web 应用程序或网站的时候，最流行的建议之一就是阅读教程，并付诸实践。也有大量的 Web 开发的书，但光有理论没有实际行动是无用的。现在由于网络的发展，我们有很多的工具可以用于创建令人惊叹的网站。HTML5 开发了无限可能的大门，它提供了一种方法来创建你想要的东西。
阅读全文
摘要：航空摄影师一个特别的摄影主题，拍摄非常困难。一个好的数码单反相机，三脚架和广角镜头是拍摄优秀的飞机照片的基本要求。此外，你必须一个很好的位置，能够有很好的视角去拍摄天空。在这篇文章中，我们收集了是一组惊人的航空照片，希望能够帮助你更好的拍摄出优秀的航空摄影照片。
阅读全文
摘要：如果你想创建一个网站，但又不懂得编程知识，那么下面这些我们为您提供的解决方案可以帮到你。下面列出的这些建站工具将帮助您打造优雅的网站，无需任何编码或编程知识，赶紧试试吧。最后推荐一个国内的在线自助建站工具——tap.cn，这是一个新型的免费自助建站服务平台，易用、专业、高效的Tap能让您轻松摆脱建站过程中技术对创造力的制约。
阅读全文
摘要：告别2013，迎接2014，祝大家在新的一年里，马到成功。这篇文章向大家分享一组精美的2014年1月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧挑选一张为你的桌面换上吧。
阅读全文
摘要：感谢大家在过去一年对《梦想天空》博客的支持，2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成，马到成功！这篇文章挑选了10篇2013年最受欢迎的前端开发博文，看看有没有你错过的精彩内容。
阅读全文
摘要：对于任何网站来说，登录界面都是最重要的页面之一。这个页面的设计也在不断的进化，设计师会充分利用最新的技术和流行设计优势应用到登录界面的设计中。过去的2013年，扁平化设计成为非常受欢迎的设计风格，你绝对可以期待更多的设计师在2014年中创建扁平设计风格的登录界面。
阅读全文
摘要：名片的设计多种多样，作为陌生人之间建立联系的最便捷、最有效的工具，名片它是给你的客户留下正面的印象第一步，另外名片也是一个企业和个人最重要和最符合成本效益的营销工具之一。这里收集了12款很酷的使用大头照的国外名片设计作品，一起欣赏。
阅读全文