ISD Webteam的大布同学(twitter:@tc_bryanzhang)在2010年1月翻译了google Page Speed系列中的Optimize browser rendering,很是方便了大家。在此基础上,google又有了更新,我且在此把google新增的部分翻译一下,作为对大布同学译稿的补充。 google这篇文章关注的是资源被下载到客户端以后,在浏览器加载、解释、渲染HTML、CSS和JavaScript阶段的性能优化,提出了5个要点: 使用高效率的CSS选择器 避免CSS expressions 将样式表放在页面顶部 指定图像尺寸 尽早指定文档的字符编码
原文:http://www.yuiblog.com/blog/2011/03/08/css-border-tricks-with-collapsed-boxes/ 译文:http://ofcss.com/?p=1078 作者:Thierry Koblentz (雅虎前端工程师) 用css边框实现小三角的技巧现在已经被越来越多的网站所采用,减少图片、减少HTTP请求的低碳设计越来越受欢迎。这次,来自雅虎的前端工程师又给我们带来了一组新的CSS边框设计技巧,原文列出了三种(双色背景导航条、水平排列元素间的点线分隔符、带左右箭头的垂直导航条),实际上除了这三种外,其范例页中还给出了额外的两种(水平分页导航条、垂直分组导航条)。以下是译文:
原文:http://www.yuiblog.com/?p=2820 译文:http://ofcss.com/?p=1028 作者:Thierry Koblentz 尽管这种情况通常被称为"浮动下坠"或者"浮动下沉",但实际上下坠或下沉的列并不一定是浮动的……只要它比预留给它的空间更宽就有可能出现下沉。请记住这是一种特定情况下才会发生的在跨浏览器时很常见的行为——网页的某一栏太宽了,于是它下沉了。
作者:Brian Cray 原文:http://briancray.com/?p=1584 【作者简介】Brian Cray 居住在俄亥俄州的哥伦布市,是位于圣弗朗西斯科的Topsy公司的一名前端工程师。 本文主要介绍如何使用谷歌分析的高级事件跟踪能力,深入了解用户如何浏览你的网站、如何与你的网页进行交互。
作者:Nicholas C. Zakas 原文:http://www.nczonline.net/blog/2010/08/17/the-value-of-html-validation/ 这篇文章我已经酝酿了很久,期间还拜读了 Chris Heilmann 关于 Remy Sharp’s site 的这篇大作。我和Chris曾就这个话题多次交换意见,最终我们彼此的观点都有所改变,接受了一些过去无法接受的意见。我曾经在公开的、私下的各种场合直言不讳地表示过,目前的HTML验证状况对我来说纯粹是浮云。要了解我的看法,你需要先明白HTML验证到底是什么。
原文:clearfix Reloaded + overflow:hidden Demystified clearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。 这篇短文介绍了如何改进clearfix进行增强,同时对overflow:hidden进行了深入的解释。
本系列翻译自 Kazi Manzur Rashid 的博客,由于篇幅关系,原文中的一篇文章在本系列中将拆解成多篇发布。本篇包括原文第二部分第18-21节。 Continue reading
本系列翻译自 Kazi Manzur Rashid 的博客,由于翻译水平有限,本系列可能存在误解偏差或者翻译不准的地方,建议对比原文进行阅读。由于篇幅关系,原文中的一篇文章在本系列中将拆解成多篇发布。本篇包括原文第二部分。如果你没有看过之前的第一部分,也许你想先看看 《ASP.NET MVC 最佳实践(一)》和《ASP.NET MVC 最佳实践(二)》。 Continue reading