CSS 伪类选择器:如何使用 CSS3 伪类

CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内使用元素选择器。 在探讨这些新的 CSS3 伪类之前,先简要回顾追溯一下这些在 Web 应用中常常被误解的 CSS 选择器。 1. 伪类简史
CSS 伪类选择器:如何使用 CSS3 伪类

设置博客/网站支持 Instant Pages 让 Chrome 浏览器瞬间打开下一页面

Chrome 13使得全线的Chrome浏览器都支持了Instant Pages,就是Google搜索将会提前读取第一个搜索结果的网页,而且不仅是图片,还包括脚本和CSS文件,这样一旦你点击了第一个搜索结果(基本上你点击第一个的可能性很大),那个网页会立刻瞬间打开。 实际上这个功能也可以部署在自己的网站上,然后让使用Chrome浏览器的用户在访问你的网站之后就事先预读一个你认为读者最有可能点击的网
设置博客/网站支持 Instant Pages 让 Chrome 浏览器瞬间打开下一页面

oschina 的愚人节小创意:CSS3 的 transform 特性

早上登陆 qq 后,不时的几个关于开发的群里都贴出了 oc 的地址,打开一看,噢,CSS3 的 transform rotate特性! 查看下页面属性,即是 js 的方式对页面全局加了如下属性: -webkit-transform: rotate(-8deg); 你可以如此来写: body { -moz-transform: rotate(-8deg); -webkit-transform: ro
oschina 的愚人节小创意:CSS3 的 transform 特性

Jsduck:前端文档生成利器Jsduck介绍及安装使用

让前端程序更具可维护性,是一个老生常谈的问题,大多数时候我们都关注于应用层面的代码可维护性,如:OO、模块化、MVC,编码规范、可扩展和复用性,但这都是属于设计层面需要考虑的事情,可维护性还应包含另一个方面,也是很多coder容易忽略的地方,就是将自己写的程序以文档的形式沉淀起来,对自己工作有一个结构化的组织,也可以帮助到他人。 试想一下如下情况: 1、团队中加入了新的同学,这时他可能需要快速的将
Jsduck:前端文档生成利器Jsduck介绍及安装使用

CSS3 box-shadow容器阴影效果示例

CSS3的box-shadow阴影效果 浏览器参照基准:Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later 内阴影效果(偏移值都为正): #box-shadow{ -moz-box-shadow:5px 5px 5px #999 inset; /* For F
CSS3 box-shadow容器阴影效果示例

大量的 d3.js 示例列表

大量的 d3.js 示例列表 113th U.S. Congressional Districts 20 years of the english premier football league 20000 points in random motion 2012 NFL Conference Champs 2012-2013 NBA Salary Breakdown 25 great circl
大量的 d3.js 示例列表

CSS控制DIV文本和图片水平居中和垂直居中

1、在div css布局中,最常见的问题就是div如何居中的问题。主要利用两个属性来使div居中: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 首先在body内容区域内定义文本居中,这样所有在body父级元素内的内容就会居中。对于ie浏览器这样设置就可以了,但是火狐浏览器还必须加下面这句
CSS控制DIV文本和图片水平居中和垂直居中