随笔分类 - 我的博文
我的作品
摘要：前一篇文章详细介绍了CSS3 RGBA 的用法，今天这篇文章我们在一起来看看 CSS3 中用于实现圆角效果的 border-radius 属性的具体用法。以前制作圆角效果，我们都需要使用多张圆角图片做为背景分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四个空标签，然后在每个空标签中应用一个圆角的背景位置，然后在对这几个应用了圆角的标签进行定位到相应的位置，非常繁琐。
阅读全文
摘要：颜色在 CSS 中有三种定义方式：使用颜色方法（RGB、RGBA、HSL、HSLA），十六进制颜色值和预定义的颜色名称。RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）的色彩空间。虽然它有的时候被描述为一个颜色空间，但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。
阅读全文
摘要：这篇文章收集了Google 前端工程师 Addy Osmani 分享在 Speaker Deck 的15个精彩幻灯片，每个都是精华中的精华，真正的干货！相信你认真阅读之后一定会有收获！Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本书籍，还是著名 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。
阅读全文
摘要：文框输入框的自动完成和自动提示功能可以帮助用户快速的完成操作，是非常好的产品使用体验。这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件，帮助你在网站中轻松添加输入框的自动完成和自动提示功能。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及运行静态服务器。上一篇文章《JavaScript 项目构建工具 Grunt 实践：安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤，这篇文章介绍 Grunt 中的任务和指令。
阅读全文
摘要：Web Lab 由五个 Chrome 实验装置组成，展现互联网给生活带来的非凡变化，让世人体验 Web 的神奇！这些装置在伦敦科学博物馆进行了长达一年的展出，任何地方、任何人都可以通过 chromeweblab.com 和这些装置互动。到底是什么东西呢？赶紧来瞧瞧。
阅读全文
摘要：Grunt 是一个基于任务的 JavaScript 项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。推荐 Windows 用户使用 Git Shell 来进行命令行操作。安装 Windows 桌面版 GitHub 的时候会自动安装 Git Shell。
阅读全文
摘要：Font Awesome 是一套专门为 Twitter Boostrap 设计的字体图标库。这套图标集几乎囊括了网页中可能用到的所有图标，除了包括 Boostrap 的默认图标外，还有社交网络图标、Web 应用程序图标和编辑器图标等等，可以免费用于商业项目。
阅读全文
摘要：Motio 是一个简单但功能强大的的实现精灵动画和平移的 jQuery 插件。Motio 要求元素在动画容器内，在 CSS 背景图像中实现动画效果。在基于精灵的动画中，容器应该和一帧精灵的尺寸一样。例如，如果你有10帧水平方向的精灵，总共 1000 x 100 像素，那么动画容器应为 100×100 像素大。
阅读全文
摘要：这篇文章收集了9张高清的2013年2月桌面日历壁纸，供大家免费下载。高清日历桌面壁纸可以直接在桌面上看到某一天所对应的星期，并且还含农历哦，非常方便实用，赶紧为你的桌面换装吧！中国传统农历新年越来越近了，吊丝们都在坑爹的12306上面秒火车票，拼得头破血流也不一定能换来一张回家的票，真是这个时代的悲剧。不闲扯了，这不是今天的主题，今天是分享好东西的。
阅读全文
摘要：这是《CSS3 探索发现》系列文章的第二篇，分享一组闪亮的半透明 CSS3 按钮效果。CSS3 为网页设计引入了众多强大的新功能，让设计和开发人员能够轻松的创作出精美的界面效果。推荐阅读：《CSS3 探索发现系列一：一组梦幻般的 CSS3 动画按钮效果》。这些闪亮的按钮使用了两个 DIV 实现，一个是按钮主要部分，一个是用来显示光泽。下面是在线演示，很漂亮吧？把鼠标放在按钮上试试，有惊喜哦！（温馨提示：在 Chrome，Firefox 和 Safari 浏览器中效果最佳。
阅读全文
摘要：Profound Grid 是一个实现固定和流动布局的网格系统。内置 SCSS，带给你灵活性和全面的控制。你可以让让个流动或者固定，还可以根据需要为每个媒体添加布局。更改列和间隔宽度，并根据需要删除或添加列。这个网格系统让您的的标记语义化，没有任何“grid_x”类。除非你想使用它们，在这种情况下，它们也可以包括在内。深刻的网格使用负外边距计算列。与其他网格系统不同，流体布局在每一个浏览器看起来几乎完全一样。
阅读全文
摘要：过去的这一年，CSS3 被更多的人关注和学习，应用得越来越多。这篇文章挑选出的2012年最值得关注的 CSS3 教程能够帮助你更好的掌握 CSS3 的实际使用。CSS3 提供了众多强大的视觉效果特性，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。
阅读全文
摘要：这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript 框架，它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助，能够帮助你节省时间和精力。
阅读全文
摘要：Elusive Icons 是一套网页字体图标，可用于任何项目。这套图标集包含270款圆滑的矢量图标，特别适合基于 Twitter Bootstrap 的项目。它使用的是开源的字体，在项目中使用没有任何授权的问题。如果你不那么在意许可证，那么还有很多类似的字体图标库可以使用，最引人注目的是 Font Awesome。下载此字体时，你还会收到所有 SVG 格式的矢量图标，这样你就可以修改这些字体，使其更加完善，并贡献到 Github 上面。
阅读全文
摘要：网页中的颜色呈现会受到各种因素的影响，即使你的网页使用了非常漂亮的配色方案，但是如果每个人浏览的时候看到的效果都不相同，那么你的配色理念就不能够非常好地传达给浏览者。使用216网页安全色进行网页配色可以避免颜色失真问题。网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合（调色板或者色谱），也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
阅读全文
摘要：gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库，基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
阅读全文
摘要：Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以用 Javascript 操作Dom 轻松创建各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制热议形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。Raphaël 是跨浏览器的矢量图形库，目前支持 Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
阅读全文
摘要：听说 IE10 全面支持 HTML5，于是在自己的 Win7 SP1 64 位操作系统上安装了，想体验一下。没想到一打开浏览器，滚动栏右侧有黑条，输入网址回车电脑立马蓝屏重启了。靠谱的方法：关闭所有IE窗口，单击开始按钮，在搜索框内输入 inetcpl.cpl，按回车。在 Internet 属性对话框中点击高级，勾选使用软件呈现而不使用 GPU 呈现，点击确定。最后问题解决了，打开 IE9 浏览器时，右侧的黑边没有了。
阅读全文
摘要：图片轮播是网站中的常用功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。今天这篇文章向大家推荐12款非常实用的 jQuery 图片轮播效果插件，它们可以让帮助你在你的项目中加入一些效果精美的图片轮播效果，希望这些插件能够帮助到你。
阅读全文