04 2013 档案
摘要：每天都有大量的应用程序发布到 iOS App Store 上，在数量巨大的应用中想要引起用户的注意，首要的就是独特的充满吸引力图标设计。这篇文章收集了一组惊艳的 iPhone 和 iPad 应用程序图标，希望能带给你设计灵感。
阅读全文
摘要：表情符号被广泛应用于聊天应用程序，这些能够轻松表达情感。 Simple Smileys 是一组免费的单色简约（但很清晰，美观）风格的图标集，目前包含40多个 PNG 格式的15*15像素的表情图标。
阅读全文
摘要：CSS3 提高了很多新的样式选项，让我们能够制作出漂亮的表单元素。Fancy Input 这款 jQuery 插件不只是关注外观，同时在交互方面通过 CSS3 特性让文本输入域变得更有趣，更有吸引力。
阅读全文
摘要：这篇文章继续给大家带来 iOS App 图标设计《第二季》。每天都有大量的应用程序发布到 iOS App Store 上，在数量巨大的应用中想要引起用户的注意，首要的就是独特的图标设计。下面这组惊艳的 iPhone 和 iPad 应用程序图标，希望能带给你设计灵感。
阅读全文
摘要：一年一度的五一国际劳动节不知不觉又到了。在这个美好的日子里，我收集了一批精美的2013年5月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧为你的桌面换换装吧！
阅读全文
摘要：ScrollUp 是一款轻量的 jQuery 插件，用于实现定制的滚动到顶部（Scroll To Top）功能。ScrollUp 可以通过 CSS 完全定制，这使得它能够非常简单到集成到你的项目中。官方提供了 Tap、Pill、Llink、Image 五种风格，可以根据需要配置。
阅读全文
摘要：每天都有大量的应用程序发布到 iOS App Store 上，在数量巨大的应用中想要引起用户的主要，首页的就是独特的图标设计。这篇文章收集了一组惊艳的 iPhone 和 iPad 应用程序图标，希望能带给你设计灵感。
阅读全文
摘要：创建，测试和维护大型的 JavaScript 代码库是很困难的，而且这边的资料和教程非常难找。Superhero.js 集合这方面的最好的文章，视频和演示文稿资料。这个列表的文中是持续更新的，可以随时来关注！
阅读全文
摘要：以微软 Metro UI 为代表的扁平化界面设计（Flat UI Design）已成为网页设计领域的流行趋势，越来越多的设计师崇尚扁平化设计的简约、大方和时尚的现代气息。这篇文章分享的25个最佳的扁平化网页设计案例将带你一起体验这前沿的设计。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第三期（总第十五期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第三期（总第十五期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：Sails.js 可以帮助你很容易的构建企业级的 Node.js 应用程序。它被设计成类似 Ruby on Rails 的 MVC 架构，但风格更现代，支持面向数据的 Web 应用程序开发，特别适合用于实时的功能实现，如聊天。Sails.js API 的脚手架和 Rails 的脚手架不同。它会为你的模型自动生成一个 RESTful JSON API，它支持 HTTP 和 WebSocket。默认情况下，你创建的每个控制器，都会获得自动创建的基本 CRUD 操作。
阅读全文
摘要：设计和开发者社区发展飞快，以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具，以使我们的工作和生活更轻松。这篇文章也是这样的，从文本编辑器到帮助你构建网格系统的插件，我敢肯定这些你会发现这些工具非常有用。
阅读全文
摘要：扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果，从而打造出一种看上去更加平面的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天，我给大家带来35套用于扁平化设计的图标和网页元素，记得分享和推荐啊！
阅读全文
摘要：Sublime Text 是一款优秀的跨平台编辑器，拥有漂亮的用户界面和强大的功能。Sublime Text 插件众多，通过包管理工具可以方便安装和管理。本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件，可以帮助 Web 开发人员直接在 Sublime Text 中调试 JavaScript 代码。
阅读全文
摘要：BluePen 是一款非常强大的样式编辑工具，甚至可以轻松地安装在一个动态的网站中。一旦你已经安装了它，你就可以在任何时间，任何地方修改样式表，一切修改将实时更新到您的浏览器（但不是线上网站），在按下“保存”按钮之后就可以发布出去。
阅读全文
摘要：Responsive Nav 是一个很小的 JavaScript 插件，压缩后只有 1.7 KB，可以帮助您实现小屏幕导航切换功能。它采用触摸事件和 CSS3 过渡提供最佳性能，它还包含一个“聪明”的解决方法，借助 CSS3 transitions 特性使高度从height: 0 过渡到 height: auto。
阅读全文
摘要：HTML5 在多个方面让网页设计更强大，快速，安全，自适应，互动和美丽，这些都是属于 HTML5。HTML5 有很多新的特性，使开发人员和设计人员能够快速创建功能，速度，性能和体验优越的网站和桌面应用程序。在这篇文章中，您可以享受一些前沿的 HTML5 网页设计作品，让您的设计看起来优雅的，更有吸引力。
阅读全文
摘要：扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果，从而打造出一种看上去更加平面的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天，我给大家带来35套用于扁平化设计的图标和网页元素，记得分享和推荐啊！
阅读全文
摘要：jQuery.deviantartmuro 是一款 jQuery 插件，提供了包装 HTML5 绘画应用的 API，可以方便的在第三方网站中实现图片的绘制和编辑功能。在您的网站中嵌入 deviantART muro 之后，你可以从你的网站传递图片给 deviantART muro，让你的用户编辑这些图像，然后把所保存的图像数据传回你的网站。
阅读全文
摘要：有许多有趣的网站类型，其中之一是视差技术，也被称为视差滚动（Parallax Scrolling）。在网页设计中，视差滚动是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果，有很强的视觉冲击力。下面你看到20个网站案例是基于视差滚动技术实现的，enjoy !
阅读全文
摘要：GIF 动画图片是一种非常有趣的图片格式，比静态图片更能够表达出含义，如果能制作得有创意，那就非常的有趣。今天向大家推荐一个很棒的 GIF 动画图片搜索引擎——Giphy。
阅读全文
摘要：Tooltip（工具提示）是网站中的一个小功能，但却有很重要的作用，常用于显示一些温馨的信息提示和指引。如果网站中的工具提示功能做得有创意的话能够加深用户对网站印象，增加网站的用户粘度。因此，今天这篇文章向大家推荐的6款优秀的 jQuery Tooltip 插件就是用于帮助你在网站中加入漂亮的工具提示效果。
阅读全文
摘要：Flat Surface Shader 是一个超炫的 3D 模拟照明效果，可以配置使用基于 Canvas 的 2D 上下文或者基于 SVG 多边形数组绘制三角形。它还采用原生的 Float32Arrays 存储数字数据，进行高度优化的计算。可以调整颜色参数预览效果，而且可以导出图像。
阅读全文
摘要：LOGO 作为一个公司的标识，代表着公司的企业形象和文化理念。创意的企业标志要比任何其他任何的广告设计元素都更容易让人记住，因此，企业 LOGO 标志设计是营销策略的至关重要的因素。这篇文章收集了25个伟大的企业 LOGO 设计，希望能带给你灵感。
阅读全文
摘要：桌面壁纸是电脑桌面所使用的背景图片，可以根据大小和分辨率来做相应调整。 壁纸让我们的电脑看起来更好看，更漂亮，更有个性。这篇文章收集了一组最新出炉的2013年4月份桌面壁纸，供大家免费下载。
阅读全文
摘要：网站的导航方式是非常非常重要的。单页网站技术多用于作品集，设计工作室，移动应用程序和着陆页面等只需要显示一部分信息的场合，它允许访客轻松地浏览您的网站，各种创意的滚动效果客户最需要的。在这篇文章中，你会发现这些美丽和创意的单页面滚动网站中使用的有趣的技术，希望这些想法能为进入这个领域的设计师提供灵感。
阅读全文
摘要：我们每周发布最新出炉的免费字体，所以我们必须说：你已经找到了最好的免费下载英文字体的地方。正如你所知道的，字体排版是图形设计最重要的元素，而免费的字体对于设计师来说就像是宝藏。在这里，我们为您收集了15款高品质免费英文艺术字体。适用于各种类型的平面设计，网页设计，印刷，传单设计，海报，标识等等。
阅读全文
摘要：侧栏隐藏菜单是一个很好的方式，使得用户可以在需要的时候查看导航选项。而且这种方式对于响应式布局非常完美，因为节省空间。Sidr 是创建侧栏和响应式菜单的最佳 jQuery 插件，提供了多种菜单的显示方案。
阅读全文
摘要：Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是信息本身，而不是冗余的界面元素。同时在视觉效果方面，这有助于形成一种身临其境的感觉。如果你的下一个设计的网站或Web 应用程序想使用新的Windows 8 Metro 风格，那么下面列表中收集的10套流行的 Metro UI 风格的 Bootstrap 主题和模板一定不能错过。Enjoy !
阅读全文
摘要：经常能看到很多精心设计的精美 iPhone 应用程序网站。似乎设计师都很喜欢拥抱 Apple 风格的设计，创造干净，简单和优雅的网站。设计师创造鼓舞人心的布局，用漂亮的图片，大量的空白和漂亮的版式，而不是简单地创建一个随机的页面来显示他们的应用程序。今天，我向大家分享一组鼓舞人心 iPhone 应用程序网站列表。
阅读全文
摘要：有的时候，我们想要在页面上向用户展示某个元素的细节或者引导用户进行操作。Chardin.js 是一款 jQuery 插件，可以帮助我们实现别致的遮罩介绍效果。它使用给定的元素的自定义数据属性“中的信息，一旦触发便会激活用于指引和介绍的遮罩效果。
阅读全文
摘要：Bootstrap 和 Foundation 是目前使用最广发的前端开发框架，不过有的时候我们需要的是一个更轻量的方案，IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局，包含表格，按钮，表格，分页，拨动开关，工具提示，手风琴，选项卡等网站中常用的组件和样式。
阅读全文
摘要：单页网站技术多用于作品集，设计工作室，移动应用程序和着陆页面等只需要显示一部分信息的场合，它允许访客轻松地浏览您的网站，各种创意的滚动效果客户最需要的。在本文章中，收集了一组单页面网站中使用的有趣滚动导航技术，enjoy it!。
阅读全文
摘要：modern.IE 是一个开发人员中心，提供免费的工具和资源，旨在使您能够花更少的时间来测试各种版本的 Internet Explorer，并留出更多时间在现代 Web 上构建重要的内容。输入网站的 URL 即可获得网站在IE浏览器中的兼容性报告，并提供相应问题解决方案。
阅读全文
摘要：纹理一般有木质纹理、布质纹理、墙壁纹理、金属纹理和石质纹理等很多种形式。纹理素材在网页中使用很广泛，个性的纹理图片可以让你的网站看起来更加新颖。今天，本文收集了15套高质量的网页纹理素材，可以免费下载使用。
阅读全文
摘要：iCheck 是一套基于 jQuery 的自定义复选框和单选按钮，以避免在日常开发中重复造轮子。在数量庞大的浏览器，设备和它们的不同版本中，它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。目前兼容 IE 7+，Firefox 2+，Chrome，Safari 3+ 和 Opera 9+ 浏览器。
阅读全文
摘要：有时，你可能有一个项目要求独特的布局或用户界面的要求，单独使用 CSS 无法实现的，像这类项目就需要 JavaScript 来实现，因此，这篇文章中收集了一组优秀的 jQuery 插件，可以帮助你完成一些奇妙的布局和界面效果。
阅读全文
摘要：格式混乱的 CSS 代码可读性和可维护性都很差，这时候就需要进行代码美化。前端编码工具都有代码美化插件，在编写的时候就可以美化，而对于已有的代码如果想快速美化则还可以借助这款在线工具——CSS Beautify。
阅读全文
摘要：网站的导航方式是非常非常重要的。单页网站技术多用于作品集，设计工作室，移动应用程序和着陆页面等只需要显示一部分信息的场合，它允许访客轻松地浏览您的网站，各种创意的滚动效果客户最需要的。在这篇文章中，你会发现这些美丽和创意的单页面滚动网站中使用的有趣的技术，希望这些想法能为进入这个领域的设计师提供灵感。
阅读全文
摘要：今天收集的免费字体特别分享给网页设计和平面设计师。在早些时候，我发表了众多字体相关的文章，分享各种类型的免费字体，这些高品质的免费英文字体非常受欢迎。在这篇文章中，你可以找到更多高品质的免费字体。这些高品质的免费字体可用于创意印刷作品，海报设计，宣传册设计，独特的网页设计等等。
阅读全文
摘要：Drawscript是一个免费的 Adobe Illustrator 扩展，能够从形状生成图形代码。这个扩展能够将它们转换成下列代码：Obj-C、C++、JavaScript、Processing、ActionScript 3、JSON 和贝兹控制点等。Drawscript对于用户界面设计，为游戏创建矢量素材和学习矢量图形编程的人员是非常有用的。
阅读全文
摘要：zoom.js 提供的 JavaScript API 让网站开发人员能够给页面内容添加缩放效果。在页面上点击，目标处的内容会放大，再次点击或者按 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式，按目标元素缩放和按坐标缩放。
阅读全文
摘要：这篇文章收集了50+非常有创意的简历设计作品与大家分享，相比国内求职者中规中矩的简历，这些国外的简历设计非常新颖，让人眼前一亮！一份让人眼前一亮的简历也许就能带给你一份不错的工作，一起欣赏！
阅读全文
摘要：由于各大网站使用的渲染引擎不同，在呈现表单元素的时候效果都有差异。这个网站会分别呈现表单元素在有效和无效两个状态在当前浏览器的显示效果。在比较的时候，你可以在各个要对比的浏览器访问这个网站就可以了。
阅读全文
摘要：在网页设计工作中，图标设计是最耗时的任务之一，但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用。下面这个列表收集了20套免费的网页小图标，记得分享和推荐啊。
阅读全文
摘要：CSSmatic 是一个非营利性的 CSS 工具，目前包含4个很有用的工具，分别是：支持各种颜色和透明度的渐变工具，使用渐变工具，您可以创建渐变平滑的色彩变化效果和微妙的透明胶片；边框圆角工具可以帮助你方便的实现需要的圆角效果；噪声纹理可以帮助你创造奇妙的背景图案，能够实时预览结果；盒阴影工具可以控制模糊半径的变化，颜色变化，阴影大小，可以实现你想要的任何效果。
阅读全文
摘要：今天给大家带来的是在 Web 项目中常用的内容滑块插件。这个系列的文章将向大家分享50款最具创新的，同时也是最有用的 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件以及视频插件等等，欢迎大家关注。
阅读全文
摘要：Google Reader 将要关闭已是事实，唯一的办法就是尽快找到一个替代品，Feedly 是公认的替代 Google Reader 的最佳 RSS 阅读器。之前了解这款国外的 RSS 订阅工具的朋友不是很多，这篇文章向大家做个简单介绍。
阅读全文
摘要：-prefix-free 是一个 JavaScript 工具库，用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀，在需要的时候，-prefix-free 会帮助你自动添加当前浏览器需要的前缀。
阅读全文
摘要：橙色是一种欢快活泼的色彩，是暖色系中最温暖的色，它使人联想到金色的秋天，丰硕的果实，是一种富足、快乐而幸福的颜色。今天，本文收集了20个橙色风格的网页设计作品与大家分享，希望能带给你灵感。
阅读全文