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文本和图片水平居中和垂直居中

CSS实现垂直居中的5种方法分析及示例

利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。 方法一: 这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align propert
CSS实现垂直居中的5种方法分析及示例

sublime text 常用快捷键与前端开发必备插件

快捷键参考 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。 Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。 Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
sublime text 常用快捷键与前端开发必备插件