最常用的css代码块

经典的css片段

1. CSS Resets

根据 [Eric-Meyer’s-reset-codes](http://meyerweb.com/eric/tools/css/reset “Eric Meyer”) 提供的css reset方法，最好别用通配符把所有的元素的margin和padding都设为0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

在之前的[文章](http://boia.github.io/blog/2013/07/18/css-reset-style/ “css-reset-style”)中已经说过这段代码，现在在加深下印象。

Yui3学习笔记<一>

学习YUI3


工作了将近一个月了，也没抽出时间写下博客，这几天事情比较多，刚好碰到舅舅住院，然后一天到晚不是在去医院的路上就是在医院，要不在去宿舍的路上就是在宿舍睡觉，能看书的时间只能在公交上了，周末在公交上读了一本东野圭吾的加贺系列的《谁杀了她》。废话不多说了，说正事儿。因为公司里的框架是liferay的，所以前端需要学习AUI，而AUI基本都是从YUI3中扩展出来的，所以对YUI3熟练的话，AUI也就不再话下了。

Css-reset-style

默认样式


在浏览器中，它有自己的默认样式，而且每个浏览器的默认样式还不相同，而且，默认样式对于有些实际的项目不能兼容，所以很多人都在写重置样式。

Npm常用命令

今天我们来学习下npm的基本指令，把这些基本指令记下来，方便以后使用的时候可以查看。 如果你在玩nodejs，那么npm命令就必须要记住，那么npm到底是什么呢？如果你熟悉ruby的gem，Python的PyPL、setuptools，PHP的pear，那么你就知道NPM的作用是什么了，其实npm就是nodejs的包管理。



Css3中:before和:after经典例子

开始CSS3


作为一个非专业前端的前端实习生，对前端总是抱着一种既可恨又崇拜的心情。如果没有那么多兼容问题，或许会很美好。

前几天，借一朋友吉言开始使用before和after，试了一下，发现要火。

先看例子

演示

前端神器Sublime Text 2基础入门

开始sublime text

之前我一直在用editplus写js，不是说editplus不好用，只是有些功能真的不是特别友好，所以从今之后改稍微强大一点的sublime text，最新版本貌似已经到3了，这确实很棒，可也很贵，70$对美国人没什么，但对中国的一个普通程序猿就有点相形见绌了。



渐变的旋转进度条

简介

这两天公司在做手机管家，很意外也是第一次听说公司的手机管家是用JS写的，然后各种费解(又一次无知了)。正巧对canvas有一些见解，所以永哥叫我画一个随杀毒变化的圆形进度条，然后就不废话，直接上图吧。

进度条!

Gvim命令大全

开始gvim

听说大神都用vim，耐不住寂寞，也班门弄斧搞了个gvim，对它的命令也不是特别熟练，我只好将它的命令记在博客里，以便日后能够查看。俗~~~~

全面解析ubuntu下安装php、pear

前言

因为在windows下搞pear没有成功，老出现无缘无故的问题，所以今天用ubuntu搭建了一个php。众所周知开源代码和linux总是有无懈的缘分，而我作为一个开源的忠实粉丝，却还抱着windows系统不放，总有些惭愧，下一个wamp毫无技术可言就搞定了。少说废话，下面就开始。