分享
分类目录归档：网站前端
[译]25个流行的网站页脚设计
网页上的页脚已经从简单的摆放版权信息和一些其他链接的地方发展成一个多功能的板块，在上面你能找到各种各样的网站特点，例如twitter更新，作者的简历和二级导航条。
这个搜集的目的是为了展示一些出色的网页设计师们怎样去利用网站页脚去额外的提高用户体验。
详情请参见正文。 继续阅读
[Memo]IE下设置iframe背景透明
当然不是第一次在网页中使用iframe了，但是iframe的背景色跟父背景不一样还是第一次，所以也就才发现了万恶的IE下iframe的背景色居然是白色（浏览器为IE6，IE7未测试），而FF则很聪明的使用了透明。当然我知道网上肯定会有解决办法，于是立刻Google了-_-
解决的方案就是在iframe上加allowtransparency="true"这个属性。 继续阅读
[转]网页栅格系统研究:960的秘密
网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960 上面列举的都是 Alexa全球排名前100的站点 ，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。 再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。 根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网站时，开发工程师们不约而同地都选择将页面宽度定为950px/960px. 这是一件很有趣的事情，为什么要选择这个宽度呢？这个宽度值究竟有什么魔力？
Google Chrome Browser CSS Selector Support
真快啊，那头Chrome刚出来，这头就有Chrome对CSS的支持程度了。由于Chrome也是跟Safari 3.1一样基于AppleWebKit引擎（Chrome使用的是版本525.13，而Safari 3.1使用的是较为新的525.18版本），所以在对CSS的支持上并没有什么差别。
下面是一份分析表，转自：Estelle
"Google Chrome," a browser based on the Webkit engine used by Safari, was released today. Chrome uses AppleWebKit/525.13. Safari 3.1 uses a slightly newer version: AppleWebKit/525.18. Below are the various CSS selectors, including CSS3 selectors, and current browser support.
- Green / √ means current support.
- Orange / Δ means that the browsers have some support for the selector.
- Red / Χ means that the browser is non-compliant.
| Browsers | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Pattern | Meaning | IE6 | IE7 | IE8 | FF | Op 9 |
Sf | Op | FF | NS | CHROME |
| E:active E:hover E:focus |
Dynamic pseudo-classes Matches E during certain user actions. |
Δ | Δ | √ | √ | √ | √ | √ | √ | √ | √ |
| Δ | Δ | √ | √ | √ | √ | √ | √ | √ | √ | ||
| Χ | Χ | √ | √ | √ | √ | √ | √ | √ | √ | ||
| E:before E:after |
Static pseudo-classes See generated content |
Χ | Χ | Δ 3 | √ | √ | √ | √ | √ | √ | √ |
| Χ | Χ | Δ 3 | √ | √ | √ | √ | √ | √ | √ | ||
A Preview of HTML 5
Author: Lachlan Hunt Source:http://www.alistapart.com/articles/previewofhtml5 Abstract The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking … 继续阅读
