Shellway Blog 关注前端设计,关注互联网发展趋势

022011/040/204

CSS高级技巧:使用形状字符、图片精灵(sprites)和伪元素

2002年,Mark Newhouse发表了一篇题为“驯服列表”的有趣文章,文章中他解释了如何使用伪元素创建自定义列表标记。近10年后,Nicolas Gallagher提出“伪背景组”技术,其使用伪元素和图片精灵实现。

如今,站在巨人的肩上,我们试着更进一步。我们将探讨如何不通过使用多余的标记标签和使用一种友好的高对比的CSS图像精灵技术来为元素定义样式。这种技术可以很好的兼容IE6/7。

222011/030/105

【前端新书】HTML5高级程序设计

HTML5高级程序设计
作 者:Peter Lubbers, Brian Albers,Frank Salim 著,李杰 柳靖 刘淼 译
出版社:人民邮电出版社

简介:本书首先介绍了HTML5 的历史背景、新的语义标签及与以往HTML 版本相比的根本变化,同时揭示了HTML5 背后的设计原理。从第2 章起,分别围绕构建令人神往的富Web 应用,逐一讨论了HTML5 的Canvas、Geolocation……

212011/030/43

[转]Modernizr–为HTML5和CSS3而生

今天,以CSS为基础进行的布局已经非常普遍,浏览器们对它的支持也非常的坚实。但是现在CSS3和HTML5来了,历史转了个圈又回到了原地—— 各个浏览器对这些新技术的支持又开始变得参差不齐了。我们早都习惯了书写整洁的符合标准的代码,也不会再使用CSS hacks或者浏览器嗅探这些不靠谱又低级的技术。

092011/030/73

IE7相对定位元素不显示怎么办?

今天碰到一件怪事。我的页面content部分在IE7中莫名其妙的就隐藏起来了,把我急了一上午。
最后想起一个IE的属性:zoom,试了一下果然行。这个属性可以缩放元素,触发IE中该元素的布局模式(hasLayout),使其有布局结构。

082011/030/138

使用Cufon网页字体替换技术

在网页设计中,设计师会在设计中加入一些特殊效果的字体以使得页面更加美观,然而访问者的系统一般都是没有安装这些特殊字体的,所以使用font-family属性来定义这些特殊字体是行不通的,于是人们想出了很多解决方案,今天要介绍的是其中之一的Cufon方案。

042011/030/173

Cufon字体替换对IE9的支持问题

我比较好新鲜,前几天装了IE9的更新。
总体来说,IE9的表现还是不错,页面加载速度快了,对标准的支持也多了,还支持HTML5和CSS3的部分功能。
但是当我IE9打开我的博客主页时,我的微软雅黑Cufon字体不见了。当时我吓一跳。
然后我就去官网看他们的更新。http://cufon.shoqolate.com/generate/
发现官网有1.09版的IE9兼容版本1.09i。所以就下载下来用。
果然不错,问题解决了。

282011/020/226

IE浏览器的CSS识别技术(CSS Hacks)

对于IE各浏览器的兼容性问题,可能很多前端设计师都会为之心烦,甚至想把IE打入十八层地狱。但是回过头来,光烦脑和抱怨是没用的,我们还是要解决这些问题。
大多数情况下,我们可以使用IE版本的条件判断注释语句(在HTML代码中,而非CSS),来区别对待每个IE版本。另外,还有很多其他方法可以针对各IE版本设置元素样式。

   下一页