09 2013 档案
摘要：BackgroundCheck 是一个轻量的 JavaScript 库，能够根据元素后面的图片的亮度自动切换元素样式。例如在图片幻灯片功能中，根据图片亮度调整导航箭头的颜色，这样让图片和导航的颜色形成一定的对比度，更清晰。类似可以使用的地方还有固定导航，在滚动下拉的时候根据文本背面的图片自动修改颜色等等。
阅读全文
摘要：我们可以说，最近图像占据了网页设计的中心舞台。因此，我们已经看到了一些真正美丽的网站使用了圆滑图像作为焦点，引人注目。在网页设计中，从简约设计的概念到全屏的背景图片，有几种不同的图像使用方法。所以今天我们将告诉你一些启发性的例子。聚集在这里的网站将证明美丽和高品质的图像可以传递信息，彰显个性并迎合用户的喜好。
阅读全文
摘要：TogetherJS是一个免费、开源的 JavaScript 库，来自 Mozilla 实验室，可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中，您的用户可以在实时的互相帮助！当然还有很多其它的可以应用的场合，值得一试。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：传统的涂鸦艺术家一般使用油漆来实现自己的作品，“街头艺术”包含了许多其他的媒体和技术，包括：LED艺术，马赛克瓷砖，壁画，模板艺术，贴纸艺术，街头雕塑，街道装置，视频投影等等。投影到大型城市建筑形式的涂鸦是一种新的媒体形式，越来越流行。
阅读全文
摘要：有什么更好的方式来显示您的应用程序的外观和感觉呢？你看了这些设计示例之后就会有灵感了。无论是在 iPhone，iPad，Android，还是在桌面应用程序或网站，这些设计都增加了一些视觉上的吸引力，并有助于使您的 APP 的着陆页面（Landing Page）看起来更聪明，更专业。
阅读全文
摘要：在页面中引入 Pace.js 和您所选择主题的 CSS 文件，就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果。不需要挂接到任何代码，自动检测进展。您可以选择颜色和多种效果，有简约，闪光灯，MAC OSX，左侧填充，顶部填充，计数器和弹跳等等。
阅读全文
摘要：正如预期的那样，苹果公司最近发布了 iPhone 5S——其最新的旗舰级智能手机。这篇文章给设计师们带来的是 iPhone 5S PSD 相关的 PSD 模板素材。这些精美的 iPhone 5S PSD 矢量素材对于制作界面原型非常有用，能够帮助设计师节省大量的时间和精力，赶紧下载吧。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：文件上传功能作为网页重要的组成部分，几乎无处不在，从简单的单个文件上传到复杂的批量上传、拖放上传，需要开发者花费大量的时间和精力去处理，以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。
阅读全文
摘要：Semantic UI 是一个 UI 库，使前端开发更简单，更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下，只有你需要的元素建立一个自定义的构建可能是最好的。 UI 组件分为四大类，范围从最小到最大的范围分为：用户界面 UI 元素集合，UI 模块和用户界面视图。
阅读全文
摘要：Guzzle 减轻了发送 HTTP 请求和创建 Web 服务客户端的痛苦。它包含建立一个强大的网络服务客户端的工具，包括：服务描述定义的输入和输出的 API，资源迭代器遍历分页资源，尽可能有效地发送大量的请求。
阅读全文
摘要：大多数人都经常修改手机壁纸，让收集看起来更酷。Mobiles Wall 是一个响应式的网站，致力于分享最优质的手机壁纸，类型非常多，包括：抽象，动物，艺术，汽车，食品及饮料，游戏，照片，电影，音乐，自然，行情和体育等等。
阅读全文
摘要：在网页设计中使用醒目的色彩，无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战，但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例，设计师们并不避讳使用一些大胆和鲜艳的色彩，相信能带给你一些灵感。
阅读全文
摘要：设计网站时，将要使用的图像在一开始通常还不存在，这个时候布局是最重要的。然而，图像的尺寸通常是预先设置，实用一些占位图像可以帮助我们更好地预览和分析布局。现在有免费的占位图片自动生成工具可以使用，而不是手动创建这些占位符图像，可以节省我们的时间。这里向大家推荐8款 Web 开发中很实用的占位图片生成工具。
阅读全文
摘要：Favico.js 在让你的网页图标显示徽章，图像或视频。你设置可以轻松地在网页图标中使用动画，可以自定义类型的动画，背景颜色和文字颜色。它支持的动画，像幻灯片，渐变，弹出等等。
阅读全文
摘要：十月应该是一年中除了春节外最让人期待月份了。这个月有让上班族们期盼的国庆长假，可以外出好好玩一番。十月天气也逐渐转凉，非常舒适。这篇文章向大家分享一组精美的2013年10月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧挑选一张为你的桌面换上吧。
阅读全文
摘要：Glide.js 是一款响应式和对触摸友好的 jQuery 滑块。基于 CSS3 转换实现，并在低版本浏览器降级处理。Glide.js 简单，重量轻，快速，适用于智能手机，平板电脑和台式机。它支持 swipe 事件，箭头和子弹导航，键盘导航，公共 API 回调，自动播放和悬停暂停功能。
阅读全文
摘要：传统的涂鸦艺术家一般使用油漆来实现自己的作品，“街头艺术”包含了许多其他的媒体和技术，包括：LED艺术，马赛克瓷砖，壁画，模板艺术，贴纸艺术，街头雕塑，街道装置，视频投影等等。投影到大型城市建筑形式的涂鸦是一种新的媒体形式，越来越流行。
阅读全文
摘要：在这篇文章中，我为大家精心挑选的25款巧妙设计的 iOS 应用程序图标，会激发你未来的工作。苹果的产品总是让人爱不释手，设计精美，对用户使用体验把握得淋漓尽致，iPhone、iPad、iPod和 iMac 等众多苹果产品备受用户追捧。苹果的设计风格也成为一大特色，成为设计师们竞相模仿的标杆。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第六期（总第十八期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：卡尔·华纳在伦敦的工作室里创建这些很棒的食物风景，在那里它们是建立在为特定目的建造的大型三角台面之上。这个过程是非常耗费时间，而食物在灯光下会迅速枯萎，拍摄场景从前台到后台和天空层。然后，每个元素都被放在一起，再到后期制作以实现最终的图像。
阅读全文
摘要：Screenfly 让你能够在各种设备的屏幕和分辨率下查看你的网站。输入网址，并点击GO开始浏览网页。Screenfly 可以使用代理服务器来模拟设备，当您查看您的网站，代理服务器模仿您所选择的设备的用户代理字符串。
阅读全文
摘要：最近，你会发现大家都在讨论扁平化网页设计。每个人都想要它，因为它很酷，因为它是目前的趋势。扁平化设计，因其简单性和关注用户，去除了很多网站的不必要的元素，例如沉重的背景图片，渐变，斜面和其他一切使空间杂乱的东西。在这篇文章中，你可以看到30个华丽的扁平化网页设计作品，我敢肯定你会喜欢这个集合。
阅读全文
摘要：我们都知道，任何企业如果想成功，品牌的形象是至关重要的。如果您的企业的标志是大胆，有创意和独特的，那么人们会记住你的，这意味着你实现你的目标。你经常会发现很多情况下，向初始的人传递您的详细信息，名片是唯一的选择。这篇文章收集了40款奇特的名片设计，这些吸引眼球的创意名片作品相信能够让你大开眼界。
阅读全文
摘要：快速，安全，响应式，互动和美丽，这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能，允许开发人员和设计师创建应用程序和网站，带给用户桌面应用程序的速度，性能和体验。这里推荐的优秀 HTML5 框架和开发工具可以帮助你开发项目更快，更容易。推荐阅读：《推荐25款很棒的 HTML5 开发框架和开发工具【上篇】》
阅读全文
摘要：CSS3 Animation Cheat Sheet 是一组预设的动画库，为您的 Web 项目添加各种很炫的动画。所有你需要做的是添加样式表到你的网站，为你想要添加动画效果的元素应用预制的 CSS 类就可以了。
阅读全文
摘要：曾经，CSS 画廊非常流行，网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西（例如 Dribbble 和 Behance 对设计有很大的帮助）。对于移动应用程序设计，存在类似的画廊，我相信他们会更加有用。这是因为如果不安装移动应用程序，灵感更难获得，也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面，并进行了很好的分类。赶紧收藏吧！
阅读全文
摘要：Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具。您可以轻松地创建您自己的 Twitter Bootstrap 主题，可以立即看到你的内容变化。您还可以添加来自 Google Webfont 的很棒的网页字体。
阅读全文
摘要：字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一个专业的免费英文字体集合。这些免费的字体是适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：Parallax.js 是一个简单的，轻量级的的视差引擎，能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候，使用光标的位置来代替。有很多的行为，你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数 和 JavaScript API 调用。
阅读全文
摘要：我们都知道，任何企业如果想成功，品牌的形象是至关重要的。如果您的企业的标志是大胆，有创意和独特的，那么人们会记住你的，这意味着你实现你的目标。你经常会发现很多情况下，向初始的人传递您的详细信息，名片是唯一的选择。这篇文章收集了40款奇特的名片设计，这些吸引眼球的创意名片作品相信能够让你大开眼界。
阅读全文
摘要：EasyDropDown 是一个 jQuery 插件，你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单，用于表单或者一般的导航。和著名的下拉插件 Chosen 很像，但是具有自己的特点，例如：简洁，语义标记，兼容表单验证，完整的键盘控制，文本搜索，滚动支持，在触摸设备上降级为原生UI 等等众多优点。
阅读全文
摘要：Animo.js 是一个功能强大的小工具，用于管理 CSS 动画。它的特色功能包括像堆栈动画，创建跨浏览器的模糊，设置动画完成的回调等等。Animo 还包括惊人的 animate.css，为您提供了近60个美丽的动画，还加入了一些辅助动画到库中。
阅读全文
摘要：最近，你会发现大家都在讨论扁平化网页设计。每个人都想要它，因为它很酷，因为它是目前的趋势。扁平化设计，因其简单性和关注用户，去除了很多网站的不必要的元素，例如沉重的背景图片，渐变，斜面和其他一切使空间杂乱的东西。在这篇文章中，你可以看到30个华丽的扁平化网页设计作品，我敢肯定你会喜欢这个集合。
阅读全文
摘要：iosOverlay.js 用于在 Web 项目中实现 iOS 风格的通知和提示效果。为了防止图标加载的时候闪烁，你需要预加载的图像资源。不兼容 CSS 动画的浏览器需要 jQuery 支持。浏览器兼容：IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad。
阅读全文
摘要：《字体大宝库》系列继续给大家带来设计师必备的优秀免费英文字体。字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一个专业的免费英文字体集合。这些免费的字体是适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：RandomUser 是一个 API，它为您提供了一个或者一批随机生成的用户。这些用户可以在 Web 应用程序原型中用作占位符，将节省您创建自己的占位符信息的时间。您可以使用 AJAX 或其他方法来调用 RandomUser 获取随机用户数据。RandomUser 还给你提供了几个方法来控制系统输出的结果。
阅读全文
摘要：Salvattore 是一个 jQuery 砌体的替代，使用 CSS 驱动的配置。Salvattore 根据您指定的列数组织你的 HTML 元素。容器中的每一个项目会一个接一个被放置在列内，只需要简单地添加一个 data-columns 属性。在你的 CSS 文件中，你可以设置你想为元素创建的列数。要创建一个具有响应性的柱状设计，只需使用媒体查询。项目附加在同一容器的前面，不会发生冲突。您可以结合 XHR 功能的 API 实现动态的布局。
阅读全文
摘要：jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。使用方法很简单，只要引入 jsPDF 库，然后调用内置的方法就可以了。浏览器兼容性： IE6+*, Firefox 3+, Chrome, Safari 3+, Opera，对于 IE9 以下的版本会使用 Downloadify 来实现文件下载功能。
阅读全文
摘要：虚拟物品的网站设计必须是能够让人惊奇的，和实物营销相同的规则同样可以应用在这里。这个网站必须说服用户就像实物的包装设计，必须让他好奇，愿意找出更多有关产品的信息，并最终购买。因此，下面你可以看到20个华丽的网站用于展现和宣传 iPhone 应用程序。
阅读全文
摘要：NProgress.js 是纳米级的进度条插件。拥有逼真的的涓涓细流动画效果来告诉你的用户，某些事情正在发生。它的灵感来自于谷歌，YouTube，应用了，这款苗条的进度条是完美的，适用于 Turbolinks，Pjax 以及其他重 Ajax 的应用程序。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Intention.js 提供一个轻量级的和明确的方式，帮助你动态重组 HTML，成为响应式的方式。操作方法都放在了元素自己里面，所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性，缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。
阅读全文
摘要：元素固定效果在网页中应用得很多，比较常见的使用场景有改进导航，显示广告。Sticky-Kit 是一个非常方便的 jQuery 插件，简化了创建/管理粘元素，有复杂的使用功能。这些功能包括：处理多个固定元素，启用/禁用的行为取决于对元素在视口中的位置和回调。它也有一个函数重新计算尺寸，从而简化了在浏览器调整大小时的使用。
阅读全文