精通Javascript+jquery
推荐一本书，《精通Javascript+jquery》，记得当初就是看《精通DIV+CSS》出道的，说实话别具光芒的书用来入门还是很不错的，进阶的话就不推荐去读了。
下面列出的是“精通Javascript+jquery”频教程列表
网站重构步奏
扒出来一张老图，挺有道理。
妙手写代码，铁肩担设计
看书的时候看到了“铁肩担道义，辣手著文章”这句话，一查原来出自明朝第一猛人杨继盛，明月笔下的杨继盛让我感到了从未有过的震撼，确实很猛！等我听完了电子版的一定要买一本收藏，以后拿出来给阿呆读，让他知道在明朝还有那么一群让人钦佩的人。
中国的文化到了清朝已经开始退化了，所以明朝才是一个研究中华文化最好的一个朝代，正好史料也好找。
扯远了,开始接触明朝是因为我在南京，但是现在我确实喜欢上了明朝。
201006191200
最近挺烦躁，南京的夏天挺桑拿，蒸了这么长时间楞是不下雨，这该死的破天气。抱怨归抱怨，该做的事总是要做的，即使别人不尊重你，你也要尊重你自己。
接了个笔试题，好像比淘宝UED的笔试题花费的时间还要多，时间在土豆（To Do）面前还是很有价值的，虽然有很多要去做的事，但先抽点时间去完成它吧。
HTML5是什么东东
只是一张图。。。
CSS易犯错误
1. 检查html元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
IE6下a:hover img
需要写一个效果，鼠标放上去图片原地变身，其实就是变大了一下，刚好以前做过类似的练习，凭记忆重写了一下，不然又得去google扒文章了。
请用鼠标温柔的摸我→demo
(下面是一本黄书，请不要乱摸)
解释一下，这种效果正常写在非IE6下是没有问题的，IE6下必死，解决方法就是在a:hover{}里添加border:none或者background:none，就可以让IE6焕发青春。
主要使用了position控制图片位移，外层relative，a:hover的时候图片变身，a:hover img样式变为absolute，然后使其居中显示，效果出来了，图片一摸就变大了 (闷骚)
/*用思想去触摸未来*/
IE6下小问题
IE6下遇到一小问题，调整了一会发现了问题出现的条件：
1、外层标签用了float；2、外层标签用了padding-top；3、外层标签，内层标签有宽度，并且内层标签用了margin-top；
出现结果：IE6下margin-top和padding-top神奇的重合了。
解决方法（试行）：把margin-top换成padding-top。
/*要放端午假了~~~*/
jquery隔列变色
今天拿到一张设计图，竟然是隔列变色的，怨念。
其实用纯CSS就可以做到，但是由于页面之前已经引入了jquery框架，所以索性用jquery做了一个，效果如下
隔行变色demo（从专题页面分离）
关键就是colgroup这个不常用的标签解决了问题，标签的含义是把划分列。如果你有四列那么你需要写四个colgroup标签，如上例的demo一样。当然你也可以自己划分区域，你可以这样写
<colgroup span=”2″></colgroup>这行代码的意思是这行标签选中了当前表格的两列，这样你就可以灵活的定义表格区域了。
如果只写<colgroup></colgroup>这一行，那么代表只选中了当前表格的第一列。
如果用纯CSS控制，只需要给对应的colgroup标签一个样式用来控制指定列的样子。在当前页面没有引入js的情况下可以这样使用，毕竟为了一个这种效果而引入某个框架是不太科学的。
/*这世界充满了诱惑*/
SEO要点
Google的搜索质量小组在Webmaster Central Blog上发布了一个Google自身产品网站的内部SEO报告文档，报告虽然没有明确的提及SEO方面的建议，但是这份报告对于网站主来说价值应该不低于早先的Google SEO指南，我们从文档中可以提取出很不错的SEO技术知识要点。
关于提升搜索引擎结果页面显示内容的方面的建议：
1、网页的title、meta description以及URL结构很重要，对于搜索引擎了解网站的内容有帮助。
2、Title里描述性的词和短语对于搜索引擎和用户了解网页内容重点有帮助。要使用与页面主体内容相关的，并且与其他页面不重复的页面title。
3、大部分主流的搜索引擎会在搜索结果页面展示大概title里的60个字符。而且，搜索引擎对于title里超过一定长度之后的词所给的权重会很少。不要往title里添加不重要的关键词。
4、如果网站被DMOZ收录了，Google搜索结果页面会显示DMOZ里的title和描述。这不一定是好事情，很可能网站缺少了自己的title或者meta description。为了避免这个问题，网站可以使用“NOODP”这个标签。
5、网页的title设定要考虑好用户的搜索常用词。要了解自己网站目标用户的搜索习惯。
6、meta description的内容不是Google的排名影响因素（meta keywords也不是），但是在Google搜索结果里显示有实际意义的摘要对于点击率方面会有影响。要设定有趣的、能吸引用户的描述文字，不要简单的复制页面内容。要避免与其他页面的meta description重复。
7、尽量在meta description里的文字长度要满足Google搜索结果里面的两行摘要。
8、如果网站在搜索结果里面，只有title和url，没有摘要内容显示，需要检查下是否在robots.txt里做了限制或者使用了“nosnippet”标签。
9、网站可以通过这几点来提升获得sitelinks的几率：
