从用博客起,一直都在折腾博客皮肤。一直都没找到自己满意的,自己也做过可是做了久了看着也烦,因此我想试试没有样式的感觉结果发现特别的舒服,难道我的审美出外头了么?上次”CSS 裸奔节“没赶上,这次一直”裸奔”下去,无限期“裸奔”。有时间把结构改下。
无限期“裸奔”
2009年06月18日[转][更新]最新CSS兼容方案
2009年06月11日转自CSS森里 -鬼
浏览器在不断更新,可使用的hack也需要更新下了,继上一篇《 最新CSS兼容方案 》之后,Opera和Safari都已经更新了版本,IE8也出来了,还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了,具体为:
Opear:
*+html .e{
background-color:#0000FF;/* OP */
}
Safai:
@media all and (min-width:0){ select{ … }}
还好发现了另一个Safari可以用的hack,Chrome和Safari的hack一样,还无法单独区分。另外“[; … ]”中的内容只有Opera读不到,注意“[]”要成对出现,不然Opera下会导致后面的样式无法读取。重新整理的hack如下:
.e{
color:#FFF;/* FF,OP,IE8 */
[;color:#0F0;]/* SF,CH */
*color:#FF0;/* IE7 */
_color:#F00;/* IE6 */
}
.e{
background-color:#332200;/* FF*/
}
html* .e{
background-color:#FF00FF;/* Sa IE7 CH */
}
*+html .e{
*background-color:#0000FF;/* IE7 */
}
* html .e{
background-color:#00FFFF;/* IE6 */
}
html*~/**/body .e{
background-color:#055000;/* IE8 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
经FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8测试通过,如果你在其他的浏览器版本上测试过,欢迎给我留言,把结果告诉我。
SEO工具集合,站长必备
2009年06月11日网站内容与结构查询工具
搜索引擎抓取内容模拟器
可以模拟蜘蛛抓取指定网页,包括Text、Link、Keywords及Description信息等。
http://www.webconfs.com/search-engine-spider-simulator.php
页面相似度检测工具
检验两个页面的相似度(如果相似度达80%以上,将可能受到惩罚)
http://www.webconfs.com/similar-page-checker.php
Sitemap 制作工具
在线创建 Sitemap 网站地图文件
中文:http://www.xinqj.com/sitemap/sitemap.asp
英文:http://www.xml-sitemaps.com/
在线创建Sitemap可能会有一些限制,推荐使用下面的离线工具:
Google SiteMapBuilder .Net
Sitemap 网站地图文件创建软件,可以很方便XML格式、txt格式的Sitemap
http://www.seobbs.net/read.php?tid=10620
注意:此软件工作于.Net 1.1 环境,2.0下无法运行。
综合查询工具
网站收录查询
同时查询网站在Google、百度、Yahoo等8个搜索引擎中的收录情况
http://tool.cndw.com/Shoulu/Index.asp
关键词排名查询
在Google、百度、Yahoo等多个搜索引擎中查询指定网页、指定关键词的排名情况
http://www.seores.com/search/keywordrank.asp
搜索引擎优化监视器(SEO Monitor)
一个仅300多KB的小软件,可以在多个搜索引擎中,查询多个关键词的排名情况,并记录历史排名情况供参考
http://www.seobbs.net/read.php?tid=2490
域名Whois/IP工具
最详细的Whois/IP工具,包括很多实用数据。
http://whois.domaintools.com
关键词工具
Google Adwords关键词工具
查询指定关键词的扩展匹配,并可以根据词义进行扩展,显示出搜索量、竞争度和受欢迎度
https://adwords.google.com/select/KeywordToolExternal
百度相关搜索
按热门程度排序,列出指定关键词相关的扩展匹配及热门程度
http://d.baidu.com/rs.php
百度指数
以图表的形式显示指定关键词在百度中的关注度、媒体关注度,登录后可以定义列表。
http://index.baidu.com/
关键词密度分析工具
分析指定关键词在指定页面中出现的次数,及相应的百分比密度
中文:http://tool.cndw.com/Seo/Key_Density.asp
英文:http://www.keyworddensity.com/
关键词热门排行及指数
谷歌热榜:http://www.google.cn/rebang
百度排行榜:http://top.baidu.com
Overture关键词工具:http://inventory.overture.com/d/searchinventory/suggestion/
Yahoo排行榜:http://misc.yahoo.com.cn/top_index.html
搜狗指数:http://www.sogou.com/top/
搜搜龙虎榜:http://www.soso.com/lhb/s_i_sosolhb.shtml
Google相关工具
Google网站管理员工具
Google为站长提供的一个很有价值的平台,是站长了解Google、与Google对话的窗口。
https://www.google.com/webmasters/tools/
Google Analytics
Google推出的免费分析服务,对市场营销和内容优化上提供很多专业报表
http://www.google.com/analytics/zh-CN/
Google Dance 查询工具
不仅可以查询Dance情况,还可以通过E-mail及时获得每月google dance通知
http://www.seochat.com/googledance/
GOOGLE PageRank工具
SEOChat.com提供的免费工具,可以查询在Google多个服务器上的PR值
http://www.seochat.com/seo-tools/future-pagerank
SEOChat.com提供的免费工具,可以同时查询多个域名的PR值
http://www.seochat.com/seo-tools/pagerank-lookup/
SEOChat.com提供的免费工具,可以查询网站中各页面的PR情况
http://www.seochat.com/seo-tools/pagerank-search/
Google PR历史更新时间表
查看Google从2000年至今,更新PR的具体时间和周期时长
http://www.seocompany.ca/pagerank/page-rank-update-list.html
链接工具
链接广泛度检测工具
反向链接查询工具,同时支持Google、百度、Yahoo等多个搜索引擎
http://tool.cndw.com/LinkIn/Index.asp
查询Google中反链的工具,可以抓取文本标题和链接(中文标题显示的是乱码)
http://www.webconfs.com/google-backlink-checker.php
Yahoo新推出的链接检查工具,可以查询网站中所有被检索的页面以及反向链接情况
http://siteexplorer.search.yahoo.com/
无效链接检查工具
Xenu Link Sleuth
http://www.seobbs.net/read.php?tid=2307
W3C GLink Checker
http://validator.w3.org/checklink
其他工具
国外主要搜索引擎和人工目录的关系表
2个Flash,解析国外主流搜索引擎与人工目录的关系,对海外推广很有帮助
http://www.seobbs.net/read.php?tid=911
网站历史查询工具
美国互联网档案馆(The Internet Archive)保存了自1996年开始,借助Alexa搜索引擎获取的网站资料
http://web.archive.org/collections/web/advanced.html
Alexa世界排名查询
http://alexa.chinaz.com/
鞭策自己
2009年06月3日夫君子之行,静以修身,俭以养德。
非淡泊无以明志,非宁静无以致远。夫学须静也,才须学也,非学无以广才,非志无以成学。淫慢则不能励精,险躁则不能治性。
年与时驰,意与日去,遂成枯落,多不接世。悲守穷庐,将复何及!
人体24小时使用手册
2009年05月5日1∶00 人体进入浅睡阶段,易醒。此时头脑较清楚,熬夜者想睡反而睡不着。
2∶00 绝大多数器官处于一天中工作最慢的状态,肝脏却在紧张工作,生血气为人体排毒。
3∶00 进入深度睡眠阶段,肌肉完全放松。
4∶00 “黎明前的黑暗”时刻,老年人最易发生意外。血压处于一天中最低值,糖尿病病人易出现低血糖,心脑血管患者易发生心梗等。
5∶00 阳气逐渐升华,精神状态饱满。
6∶00 血压开始升高,心跳逐渐加快。高血压患者得吃降压药了。
7∶00 人体免疫力最强。吃完早饭,营养逐渐被人体吸收。
8∶00 各项生理激素分泌旺盛,开始进入工作状态。
9∶00 适合打针、手术、做体检等。此时人体气血活跃,大脑皮层兴奋,痛感降低。
10∶00 工作效率最高。
10∶00-11∶00属于人体的第一个黄金时段。心脏充分发挥其功能,精力充沛,不会感到疲劳。
12∶00 紧张工作一上午后,需要休息。
12∶00-13∶00是最佳”子午觉”时间。不宜疲劳作战,最好躺着休息半小时至一小时。
14∶00 反应迟钝。易有昏昏欲睡之感,人体应激能力降低。
15∶00 午饭营养吸收后逐渐被输送到全身,工作能力开始恢复。
15∶00-17∶00为人体第二个黄金时段。最适宜开会、公关、接待重要客人。
16∶00 血糖开始升高,有虚火者此时表现明显。阳虚、肺结核等患者的脸部最红。
17∶00 工作效率达到午后时间的最高值,也适宜进行体育锻炼。
18∶00 人体敏感度下降,痛觉随之再度降低。
19∶00 最易发生争吵。此时是人体血压波动的晚高峰,人们的情绪最不稳定。
20∶00 人体进入第三个黄金阶段。记忆力最强,大脑反应异常迅速。
20∶00-21∶00适合做作业、阅读、创作、锻炼等。
22∶00 适合梳洗。呼吸开始减慢,体温逐渐下降。最好在十点半泡脚后上床,能很快入睡。
23∶00 阳气微弱,人体功能下降,开始逐渐进入深度睡眠,一天的疲劳开始缓解。
24∶00 气血处于一天中的最低值,除了休息,不宜进行任何活动。
【推荐】Smush it – 一款图片压缩的Firefox插件,很好,很强大!
2009年04月27日今天看YUI的视频教程,YUI的工程师介绍的一款在线的图片压缩工具,也许你用过,也许没有,不过我这里强烈推荐大家用一下。
下载地址:http://www.smushit.com/
不过说明下,优化后的文件都是png的啊!
提高Web页面的性能(一)
2009年04月27日优化网站性能的14条规则(更新)
1. 尽可能的减少 HTTP 的请求数 [content]
2. 使用 CDN(Content Delivery Network) [server]
3. 添加 Expires 头(或者 Cache-control ) [server]
4. Gzip 组件 [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部(包括内联的) [javascript]
7. 避免使用 CSS 中的 Expressions [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
9. 减少 DNS 查询 [content]
10. 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
11. 避免重定向 [server]
12. 移除重复的脚本 [javascript]
13. 配置实体标签(ETags) [css]
14. 使 AJAX 缓存 [content]
详细请看:Best Practices for Speeding Up Your Web Site
如果具体想看下你网站在这14条规则下的表现,可以用 Yahoo 开发的 YSlow 工具(Firefox 下 FireBug 的插件)。
祝自己生日快乐。
2009年04月10日不知不觉又到了生日。
活了这么大,唯一一次过生日是在高中的时候,那时候年轻气盛什么都不懂,而且过生日那时比较流行,自己就跟风了。现在想想挺幼稚的。
《北大女生》中这样提到“男人不需要过生日,因为男人不会因为年龄而变化,而女人会。”
自己是纯爷们,又因自己一直很低调,几乎也没有人知道我生日。
感谢给我生日祝福的朋友们。
去年的3月25号,不仅仅是因为是自己的生日而值得纪念,更重要的是我在深圳找了半个多月工作后,终于找到一家自己比较满意的公司,拿到了万兴的OFFER,一呆就将近一年,这一年里面自己学到了许多,也认识了许多人。这一切放佛就像是在昨天。感谢以前的同事带我成长,感谢彭子,LZR,郭帅,感谢设计中心的所有人。挺像你们的。
这次过生日给自己买了双鞋子,买了一根自己手机的原装线控耳机。线控耳机都坏了好久也一直没去买,去专卖店买太贵,淘宝拍买到假货,对于声音我还是有点挑剔的,想送给自己一本书,可是真的太忙,买了也没啥时间看,等不忙的时候补上吧。
纪念下,继续工作。
文本兼容性模式
2009年04月10日注意:本文档是预备文档,随时可能变更。
对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。
本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式,以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后,可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。
各种兼容性模式
Windows Internet Explorer 8 支持多种兼容性模式,它们可启用不同的受支持的功能,并影响内容的呈现方式。例如,
IE5 模式呈现内容时,像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。
IE7 模式呈现内容时,无论页面是否包含 指令,都像是使用了 Windows Internet Explorer 7 的标准模式。
EmulateIE7 模式通知 Windows Internet Explorer 使用 指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 指令。对于多数网站来说,它是首选的兼容性模式。
IE8 模式最大限度地支持行业标准(包括 W3C Cascading Style Sheets Level 2.1 Specification 和 W3C Selectors API,并能有限支持 W3C Cascading Style Sheets Level 3 Specification(工作草案)。
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。对于 Windows Internet Explorer 8,这与 IE8 模式是等效的。如果(假定)Windows Internet Explorer 的未来版本支持更高级别的兼容模式,设置为 Edge 模式的页面将显示在由该版本支持的最高级别模式中;但是,当使用 Windows Internet Explorer 8 查看时,这些相同的页面仍将显示在 IE8 模式中。由于在 Windows Internet Explorer 的未来版本中呈现页面内容可能出现意外,建议 Web 开发人员将 Edge 模式仅用于测试页面和其他非生产活动。
基于每个页面指定兼容性模式
要为网页指定文本模式,请使用 META 元素,以在该网页中包含 X-UA-Compatible http-equiv 标头。以下示例指定了 EmulateIE7 模式兼容性。
HTML:
内容在此处。
Content 属性指定了该页面的模式;例如,要模仿 Windows Internet Explorer 7 的行为,请指定 IE=EmulateIE7。同样,可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。
X-UA-compatible 标头不区分大小写;但是,它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头(HEAD 部分)中。
基于每个站点指定兼容模式
通过使用 Web 服务器为站点定义自定义 HTTP 响应标头,可为网站指定文本模式。HTTP 响应标头是 Web 服务器附加到为响应 HTTP 请求而发送到浏览器中的文件的信息,这些信息通常包含发送回文件的日期、大小和类型。
下列文档介绍了将 Web 服务器配置为将自定义 HTTP 响应标头附加到所有网页中所需的步骤。这将导致 Windows Internet Explorer 8 使用指定的文本兼容性模式,例如 EmulateIE7。
•在 IIS 上实现 META 切换
•在 Apache 上实现 META 切换
如果使用 Web 服务器指定了默认文本兼容性模式,则可通过在特定的网页中指定其他文本兼容性模式来覆盖该设置。在该网页中指定的模式优先于由服务器指定的模式。
使用脚本确定文本兼容性模式
要使用 Windows Internet Explorer 8 确定网页的文本兼容性模式,请使用 document 对象的 documentMode 属性。例如,将以下内容键入到 Windows Internet Explorer 8 的地址栏中,可显示当前网页的文本模式。
javascript:alert(document.documentMode);
documentMode 属性可返回与页面的文本兼容性模式相对应的数值。例如,如果所选页面支持 IE8 模式,则 documentMode 会返回 8。
注意:在 Windows Internet Explorer 6 中引入的 compatMode 属性已不受支持,取而代之的是在 Windows Internet Explorer 8 中引入的 documentMode 属性。当前使用 compatMode 的应用程序仍然可以在 Windows Internet Explorer 8 中运行;但是,它们已更新为使用 documentMode。
如果希望使用 JavaScript 确定文本的兼容性模式,请在其中包含支持 Windows Internet Explorer 旧版本的代码,如以下示例所示。
JScript:
engine = null;
if (window.navigator.appName == “Microsoft Internet Explorer”)
{
// 这是一个 IE 浏览器。引擎处于哪种模式下?
if (document.documentMode) // IE8
engine = document.documentMode;
else // IE 5-7
{
engine = 5; // 假设为 quirks 模式;除非另外证实是其他模式
if (document.compatMode)
{
if (document.compatMode == “CSS1Compat”)
engine = 7; // 标准模式
}
}
// 引擎变量现在包含文本兼容性模式。
}
此处使用的文档对象表示给定浏览器窗口中的 HTML 文档,可用来检查、修改 HTML 文档或将内容添加到该文档以及处理该文档中的事件。
使用条件注释确定文本兼容性模式
如果只需要适应 Windows Internet Explorer,以下代码示例说明了如何使用条件注释来适用于当前版本或旧版本。
HTML:
第一章
第二章
将看到任何版本的文本。
微软在全球正式推出IE 8浏览器
2009年03月20日北京时间3月20日消息,据国外媒体报道,微软宣布全球发布Windows IE 8.0浏览器,该浏览器性能更优异、网络研发工具更便捷,并提高了安全性和可靠性,并为网络公司带来了新的机会。
在当地时间周四的发布会上,微软IE浏览器团队总经理迪安·哈查莫维奇(Dean Hachamovitch)展示了微软行业合作伙伴,如ESPN、eBay、Digg、Facebook和OneRiot为客户创造新价值而提供的IE 8.0解决方案。哈查莫维奇称,“随着IE 8.0的推出,微软为网站采取新方式服务于客户创造了机会,它不仅会带来更多流量,而且会让在线体验更有价值。”
网络公司的新机会
网络公司将因IE 8.0的优异性能而受益,IE 8.0的新功能让网站用户与网站内容联系更紧密。Accelerators和Web Slices功能为网民选择浏览网站内容和服务提供了新方式。IE 8.0增强了搜索功能及其能力,提供了更有趣、更相关的内容、并且搜索速度更快、安全性更强、性能更优异、可靠性更强。
符合行业标准的整合性开发工具
IE 8.0是微软最符合行业标准的浏览器,受益于该公司与标准组织合作,IE 8.0的标准性有所提高。作为承诺符合行业标准的一部分,微软在去年向W3C组织递交了7000多次CSS 2.1 测试,以推动所有开发者采用更便捷、更可测的标准。此外,IE 8.0还通过了比其它在售浏览器更多的W3C CSS 2.1测试,并为支持HTML 5倾尽全力。
将IE开发工具栏整合进IE 8.0后,微软使得开发者能快捷调试HTML、CSS和JavaScript,这些增强型功能有助于开发者通过为消费者和企业开发应用程序提供更好的网络体验。
IE8正式版下载地址 :http://www.microsoft.com/china/windows/internet-explorer/worldwide-sites.aspx