随笔分类 - 我的博文
我的作品
摘要：Textillate.js 是一款实现极酷 CSS3 文本动画的简单插件。它整合了两个流行的工具库（animate.css 和 lettering.js）来提供易于使用的插件，能够把 CSS3 动画应用到文本内容上。只要引入 textillate.js 和它依赖的文件就能够给你的内容加上独一无二的特效。
阅读全文
摘要：Form Follows Function 是一组绚丽的互动体验网站的集合，目前共收集了14个极具创意的网站，每一个站点都有自己独特的设计和功能。这些精美的网站作品都是基于 HTML5 创建的，在台式机和平板电脑上都能很好的浏览和体验。
阅读全文
摘要：灯箱效果（Lightbox）是网站中最常用的效果之一，用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目，随着响应式设计（Respnsive Design）的发展，这一先进理念也被引入了 Lightbox 插件。这篇文章挑选了12款优秀的响应式 Lightbox（灯箱）效果插件分享给大家。
阅读全文
摘要：今天在国外的博客转悠，发现一款超好用的正则表达式可视化调试工具——Debuggex，推荐推荐给大家。正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。有了这款可视化的正则调试工具，以后编写正则表达式就轻松多了，赶紧试试。
阅读全文
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：上篇文章介绍了 linear-gradient（线性渐变），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。CSS3的径向渐变和其线性渐变是很相似的。除了您已经在线性渐变中看到的起始位置，方向，和颜色，径向梯度允许你指定渐变的形状（圆形或椭圆形）和大小（最近端，最近角，最远端，最远角，包含或覆盖。
阅读全文
摘要：Cool Kitten 是一个具备视差滚动特效的响应式框架，由 Jalxob 编写，是 Github 上的开源项目。实质上是一组设计师和开发人员使用的 HTML/CSS 以及 JavaScript 文件的集合。Cool Kitten 是响应式的，这使得网站能够在电脑、平板和移动设备中都能良好的呈现；同时还支持视差滚动（Parallax Scrolling）特效，给网站带来绚丽的视觉效果。
阅读全文
摘要：继续向大家分享 2012 年发布的优秀 jQuery 插件，今天带来的实现导航功能的插件。2012年众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等。
阅读全文
摘要：Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速构建 Web 应用程序，能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：《CSS3 实用技巧》之漂亮的页面顶部阴影。CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：《CSS3 实用技巧》之实现黑白图像效果。CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。
阅读全文
摘要：Smashing Magazine 发布了一个包含非常有用的 UI 组件和 48 个精美的矢量图标的素材包。界面组件包 Polaris UI Kit 里面包括编辑框，复选框，单选按钮，页面导航，菜单，按钮等等，可以免费用于任何项目。图标集合 Linecons 里面包含的 48 个可伸缩矢量图标都是 outline 风格，提供了 AI, PNG, PSD, SVG 等多种格式。
阅读全文
摘要：CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。其共有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。
阅读全文
摘要：过完中国传统的农历新年，大家又开始奔波忙碌了。令人期待的2013年3月桌面日历壁纸新鲜出炉，供大家免费下载。高清日历桌面壁纸可以直接在桌面上看到某一天所对应的星期，并且还含农历哦，非常方便实用，赶紧为你的桌面换装吧！
阅读全文
摘要：2012年，众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等，将陆续分享给大家，记得关注和收藏啊。
阅读全文
摘要：text-shadow 曾经在 CSS2 中就出现过，但在 CSS 2.1版本中又被抛弃了，现在 CSS3 版本又重新捡回来了。这说明 text-shadow 这个属性非常值得我们做前端的人员重视，而且 CSS3 这么多属性中，我个人觉得 text-shadow 运用得是最多的一个属性，作为我们前端人员我觉得有必要学习并掌握这个 text-shadow 属性。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。上一篇文章《Grunt：基于任务的 JavaScript 项目构建工具》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍如何使用 Grunt 合并文件。
阅读全文