随笔分类 - 我的博文
我的作品
摘要：Tridiv 是一个基于 Web 的编辑器，使用 CSS 创建 3D 形状。它提供了一个传统的四个面板的操作界面，给出了从每个平面的视图，以及一个预览窗格中示出的最终的效果。使用 Tridiv 可以创造极其复杂的对象和动画。
阅读全文
摘要：相信很多用过 Path 的都对它的独特的旋转导航菜单有深刻的印象，这个功能也被很多的 Web 开发者模仿。今天分享的这款插件可以方便的在你的网站中加入和 Path 一样的旋转菜单，可以自定义效果。
阅读全文
摘要：SlimerJS 是一个提供给 Web 开发人员，可通过脚本编程控制的浏览器。它可以让你使用 Javascript 脚本操纵一个网页：打开一个网页，点击链接，修改的内容等，这对于做功能测试，页面自动机，网络监控，屏幕捕获等是非常有用的。事实上，它是类似 PhantomJS 的一个工具，除了它运行在 Gecko 上而不是Webkit。
阅读全文
摘要：表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章向大家推荐几款很棒的 JavaScript 表单美化和验证插件。
阅读全文
摘要：Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 Web 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。定制器进行了重新设计，现在在浏览器中编译，而不是 Heroku 上，有更好的依赖性支持，甚至有内置的错误处理。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单，是非常有用的东西，可以有很多的内容，如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要：今天，我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时，我们将让移动设备转动并移动每个画面，使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式，使用 CSS 来实现这样的效果是十分有趣的事情。
阅读全文
摘要：在本教程中我将告诉你如何使用 CSS 变换来创建圆形导航。教程逐一讲解实现这个样式将要涉及一些基本的数学知识并配合 CSS 变换来创建这些样式。不过不用担心，这里用到的数学知识真的是很简单的。教程使用浅显易懂的语言来介绍数学逻辑，让你能够清晰的理解背后的技术。
阅读全文
摘要：随着互联网的发展，网页设计变得越来越复杂，如今设计的外观和感觉实现网站功能说使用的开发技术一样重要。同时，网页设计领域也在发生巨大的变化，例如之前流行的扁平化设计伴随着 iOS 7 的发布被带到了新的高度，更多的人了解了这种前卫的设计理念。当设计师们还在讨论这种设计的时候，扁平化的设计又有了最新趋势——长阴影设计（Long Shadow Design）。
阅读全文
摘要：HTML5 Maker 是一个在线动画制作工具，帮助你使用 HTML，CSS 和 JavaScript 创建动态，互动的内容。它非常容易使用，同时可以帮你实现非常好的效果。它可以制作跨浏览器的动画内容，如 JavaScript 和 HTML5 动画，幻灯片，简报等等。
阅读全文
摘要：Glyphish 是一套精心打造的图标库，包含 iOS 工具栏、标签栏、导航条等等，Glyphish 图标也完美的用在 Android、Windows Mobile App 和移动网站的 UI 设计等。目前可以免费下载 200 款常用图标，包含 PSD 源文件，可以根据需要自由修改。可以付费更多更好的图标。
阅读全文
摘要：MixItUp 是一款轻量，但功能强大的 jQuery 插件，提供了对分类和有序内容的美丽的动画过滤和排序功能。特别适合用于作品集网站，画廊，图片博客以及任何的分类或有序内容。它是如何工作的？ MixItUp 根据你的过滤条件决定哪些内容隐藏，显示或重新定位，然后应用 CSS3 transitions 平滑动画到新位置。这是一个非常有效的方法，借助了现代浏览器的渲染能力，并避免过多的使用 jQuery 进行 DOM 操作。
阅读全文
摘要：我敢肯定，我不是唯一一个曾经特别想知道图片上使用的某个字体，然后特别无奈的到字体网站大海捞针似的的找类似的字体。如今，一个强大的软件字体识别——WhatFontIs，让我们的生活更轻松。从它的名字可以知道，它能够帮助我们识别字体，更精确地说，它可以从一个给定的图像识别出字体的名称。它的拥有自己的数据库，涵盖超过280,000字体。如果没有找到，则返回最接近的匹配字体。
阅读全文
摘要：今天，给大家分享来自 Quess 的如何实现图片的形状遮罩和放大动画效果。在很多作品集网站中，我们经常能看到这样的造型和效果。就个人而言，我觉得我们不能因为旧的浏览器不支持，我们就放弃在项目中使用 HTML5 或者 CSS3 技术。我们应该“奖励”使用现代浏览器的用户，给他们一个更好的用户体验。
阅读全文
摘要：按照罗马旧历，March 为第一个月，September 就是第七个月。September 这一名称源自意为“七”的拉丁文 septem。当罗马人采用了儒略历之后，他们保留了原先的好几个月名，September 就成了“九月”。这篇文章向大家分享一组精美的2013年9月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧挑选一张为你的桌面换上吧。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Smint 是一款用于实现单页风格网站的 jQuery 导航插件，包含两部分：固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮。Smint 使用非常简单，只有一个参数用于设置页面滚动的速度，默认是 500 毫秒，你可以设置为需要的任何值。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Manifesto 是一个 HTML5 离线应用程序缓存校验工具，提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显的特征，因此不容易被发现。有了 Manifesto，这个问题就简单了，它会帮助你检测 manifest 文件中出存在问题。
阅读全文