07 2013 档案
摘要：WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天，本文向大家展示8个惊艳的 WebGL 应用实验。
阅读全文
摘要：使用 CSS，你能够以极高的效率和易用性创造出美丽的设计。CSS3 则更加强大，能够创造更多丰富的效果和功能，而不需要任何外部插件。今天，我为大家收集了25个很有用的 CSS 教程，技术和资源，能够帮助你提高技能。
阅读全文
摘要：作为一个网页设计师，需要经常去关注优秀的网站作品，获取创作灵感，掌握最新的设计趋势。在这个竞争激烈的就业市场，个人作品集网站是最好的求职工具。因此，设计师们都竭尽所能设计一个有创造性的个人作品展示网站，期望给访客留下深刻的印象。在此集合中，你会看到各种各样的创意设计和新趋势，包括精巧的布局，令人印象深刻的视差滚动，和不同寻常的插画设计等等。
阅读全文
摘要：Smint 是一款用于实现单页风格网站的 jQuery 导航插件，包含两部分：固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮。Smint 使用非常简单，只有一个参数用于设置页面滚动的速度，默认是 500 毫秒，你可以设置为需要的任何值。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Manifesto 是一个 HTML5 离线应用程序缓存校验工具，提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显的特征，因此不容易被发现。有了 Manifesto，这个问题就简单了，它会帮助你检测 manifest 文件中出存在问题。
阅读全文
摘要：Cardinal 是一个适用于移动项目的 CSS 框架，包含很多有用的默认样式、矢量字体、可重用的模块以及一个简单的响应式模块系统。Cardinal 提供了一种在多种移动设备上实现可伸缩的字体和布局的新方法，值得关注。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：我们中的许多人都对新发布的 iOS 7 用户界面有点失望。扎眼的颜色搭配，难看的图标和可疑的设计决策，导致很多的设计师在 Dribbble 和 Behance 等社交网站分享自己对 iOS 界面设计的诠释。这篇文章集合了一些伟大的想法，改进苹果 iOS 7 的界面设计。
阅读全文
摘要：Hashslider 实现了常见的 jQuery 滑块的功能，特别之处在于给 URL 加上了标签，因此你能够连接到滑块的某块内容。滑块的内容也可以从外部的 HTML 文件获取。
阅读全文
摘要：曾经有一段时间，惯用的做法是尝试把所有的内容放在一屏里面。但现在，网页设计师和开发人员都喜欢内容滚动的设计，并以此为契机，实现浮动的背景显示，元素动画，以及其他页面滚动的基础上实现的聪明的效果。因此，这篇文章和大家分享18个滚动技术应用得出神入化的网站。
阅读全文
摘要：这个使用 CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站。你可以看到两种类型的书设计：精装书和平装书。这两个效果都可以很容易地使用 CSS 修改。赶紧体验一下吧。
阅读全文
摘要：使用大图片背景是定义网站基调和风格的一种简单方式，使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起，你需要考虑很多事情，否则可能会导致网站内容杂乱无章，反而适得其反。下面这组国外的优秀网站示例可以帮助你学习如何有效在网站中使用大背景图片。
阅读全文
摘要：艾库特·耶尔马兹，是土耳其伊斯坦布尔的一位高级艺术总监，他向大家分享了一套美丽的现代 UI 工具包，你可以免费下载。所以，你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面。 此 UI 套件提供的是 PSD 格式，方便修改。
阅读全文
摘要：尽管各种 JavaScirpt 框架和库层出不穷，jQuery 仍然是 Web 前端开发中最常用的工具库。今天，向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段。
阅读全文
摘要：Popline 是一个基于 HTML5 实现的富文本编辑器工具栏，设计灵感来自 PopClip ，相比传统的文本编辑器工具，Popline 能够浮动在编辑的文本周围，操作起来十分方便。
阅读全文
摘要：单页网站如果设计得当，是一个把所有的内容放到前沿和中心很好的方式，能够增加访问者看到它的机会。因此今天，我们收集了一组非常出色的单页网站来推荐给大家。如果大家想了解这些精美网站是如何实现的，可以看我之前分享的文章《谈谈构建单页布局网站的创意技术》。
阅读全文
摘要：Minimit Anima 是一个实现 CSS3 Transforms 和 Transitions 动画的 jQuery 插件。基于硬件加速的 CSS3 动画执行更快，而且它有一个类似于 jQuery 动画的 API。插件中包含的 jquery.transform.js 让你可以在不支持的 Transforms 的浏览器中实现缩放、旋转和倾斜效果。
阅读全文
摘要：Webydo 是一款专业的在线建站应用，使平面设计师可以创建和管理 HTML 网站，而无需编写代码。设计人员可以设计任何类型网站，只需要点击按钮，就能够发布先进的 HTML 网站。
阅读全文
摘要：S Gallery 是一款响应式的 jQuery 相册插件。使用了 HTML5 全屏 API 以及 CSS3 动画 和 CSS3 转换，所以只能在支持这些功能的浏览器中使用。这款插件它有一个特色功能：退出幻灯片模式回到网格视图模式，最后一张活跃的图片会以动画形式回到网格视图中的初始位置，因此用户知道他们浏览到画廊中的哪张图片上。
阅读全文
摘要：
CSS 可以实现很多你想不到的效果，今天我们来尝试使用 CSS 实现球的效果。有两种方法可以实现，第一种是使用大量的元素创建实际的 3D 球体，这种方法有潜在的性能问题；另外一种是使用 CSS3 渐变和阴影特性来实现。
阅读全文
CSS 可以实现很多你想不到的效果，今天我们来尝试使用 CSS 实现球的效果。有两种方法可以实现，第一种是使用大量的元素创建实际的 3D 球体，这种方法有潜在的性能问题；另外一种是使用 CSS3 渐变和阴影特性来实现。
阅读全文
摘要：MasonJS 插件用来解决目前大多数的网格系统使用中的问题——间距。当使用 Masonry，Isotope 或任何其他网格插件时，布局中会出现空白或边缘参差不齐的情况。MasonJS 可以帮助你填补这些布局中的缺口。
阅读全文
摘要：GistBox 用简便的方式来组织和管理代码片段。你的代码会保存到云端进行备份，再也不用担心迷失在杂乱的代码片段中。GistBox 是建立在标准的 HTML5 技术基础上。在旅途中或在办公室，你都可以使用 GistBox。
阅读全文
摘要：Ladda 是一组集成了加载提示的按钮，以弥合行动和反馈之间的时间间隔，提供更好的功能使用体验。主要用于在用户点击提交之后，向用户提供即时的反馈，让他们知道浏览器正在处用户提交的任务。
阅读全文
摘要：CSS3 不仅仅用作界面效果补充，还可以用来替换传统的一些界面实现，而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用，例如：弹窗、按钮、导航、列表、页面切换等等。
阅读全文
摘要：Screensiz.es 帮助您快速找到目前市场上最流行的设备和显示器的屏幕规格。尺寸数据来自维基百科，使用更好理解的像素密度。流行度推算自 Google 查询（从 AdWords 流量估算），以及一些模糊数学算法。
阅读全文
摘要：广告设计的关键在于如何让用户对推介的产品留下深刻的印象。在这个集合中，你会发现30个别具创意的科技广告，相信你可以得到一些灵感创意，你知道它们都是些什么产品的广告吗？
阅读全文
摘要：Clipping Magic 让您轻松去除图片的背景，可以根据路径进行裁剪。操作很简单，只需拖动图像到放置区，或使用按钮选择文件。标记前景为绿，背景为红色，然后标记算法会帮助你处理好细节。处理后的图片链接可以共享，以避免需要通过电子邮件发送大尺寸文件。
阅读全文
摘要：PopEasy 是一款轻量的 jQuery 插件，可以帮助开发人员容易的创建效果精美的模态窗口。PopEasy 在主流浏览器中都能够正常工作，同时兼容 IE 7 哦。
阅读全文
摘要：MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用。有了 MontageJS，开发人员可以创建可重用的用户界面组件和模块，组件和控制器之间的绑定属性，并且同步 DOM 查询和更新，以确保流畅的用户体验。
阅读全文
摘要：在 iOS 7 发布不久，Teehan & Lax 就发布了 iOS 7 GUI PSD 模板。该网站分享众多 PSD 模板素材，这些精美的 PSD 界面模板在制作界面原型非常有用，能够帮助设计师节省大量的时间和精力，赶紧去下载吧。
阅读全文
摘要：图标字体简单来说就是外观呈现为图标的字体，同时具有矢量图形的特征，在不同的设备上使用图标的时候就不用加载不同尺寸的图片文件，能够减少 HTTP 请求数，提高页面加载速度。IconVault 这款在线生成工具让你可以轻松创建自定义图标字体，选择图标文件夹，点击生成即可。
阅读全文
摘要：Pure 是一组轻量的，响应式的 CSS 模块，您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。
阅读全文
摘要：HTML Inspector 是一款代码质量检测工具，帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写，运行在浏览器中，是最好的 HTML 代码检测工具。
阅读全文
摘要：Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库，帮助你在应用程序创建简单易用的操作指南和导航功能。相比网站，它更适合用于复杂的，单页网站类型的应用程序。Tourist.js 能够灵活控制的每个步骤的界面。
阅读全文
摘要：类似微软 Metro UI 界面的扁平化设计是平面设计领域的新趋势，它去除了传统的阴影，纹理和渐变模式的界面，崇尚纯色，简洁的布局和清晰的排版。越来越多的人喜欢这种简约、大方和充满现代气息的设计。下面我为大家收集了20套精美的扁平化设计素材和资料，相信你会喜欢。
阅读全文
摘要：在 Web 开发中，经常会需要一些测试数据来测试接口或者功能时候正确。JSON Generator 就是这样一款生成随机 JSON 数据的在线工具，Web 开发人员必备，记得收藏和分享啊。
阅读全文
摘要：Sylius 项目提供了一个完整的电子商务解决方案。您将学习如何掌握它，帮助你在下一个项目中能够更快速的开发。Sylius 提供了一个完整的在线商店演示：demo.sylius.com。
阅读全文
摘要：Codrops 分享了漂亮的模态窗口效果实现方法，希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮（或任何的 HTML 元素），在点击的时候出现一个模态窗口，带有简单的过渡（或动画）。
阅读全文
摘要：Cytoscape.js 是一个开源的 JavaScript 图形库，您可以使用 Cytoscape.js 进行数据分析和可视化。Cytoscape.js 可以轻松的继承到你的网站或者 Web 应用中，实现交互的可视化图形。
阅读全文
摘要：Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。
阅读全文