赵岩 发布于 05月29, 2013

微软雅黑的黑与密

缘起,“现在微软雅黑这么普遍了,为啥很多门户还是坚持使用宋体字?”

这句话越想就发现问题越多,比如: 1.雅黑真的很普遍了吗 2.为啥这提到的是门户网站呢 3.雅黑普及了之后就能代替宋体吗

就上面想到的三个问题说一下我的理解

微软雅黑是 Windows 从 Vista 开始自带的系统字体,而且 Office 2007 中也包含了这款字体,虽然没有权威的统计过它的份额,但据CNZZ的对操作系统的统计(vista和win7没有超过30%),雅黑应该还没有达到普及。

阅读全文 »

赵岩 发布于 01月29, 2012

跨浏览器背景色渐变和透明

先从CSS实现背景色透明说起

传统CSS写法如下:

background:#ff0000;
opacity:0.5;
filter:alpha(opacity=50);

这种写法有一个不爽就是父元素的透明会导致子元素也跟着透明,通常解决方法是两个元素改为兄弟元素,原子元素定位到原父元素上,解决方法虽说不复杂,但有时候改变的DOM结构在语义上出现分歧。So,通过标准浏览器对CSS3的支持,寻觅到了另一个解决方案,写法如下:

阅读全文 »

赵岩 发布于 12月25, 2011

26期web标准化交流会

这一期的内容都是移动前端相关方面的分享,对于没有移动前端经验的同学来说是很好的一个入门。

由于晚到了一会第一个分享已经开始了,但一落坐就收获了一个很好的经验,这个经验就是利用:before和:after来显示一些背景图,写个小demo来实现一下;如例子中的新闻列表,工作中经常会遇到,当新闻列表前面需要一个小的ico的时候,有的时候可能会写成整个标题的背景,当标题有自己的背景时候可能就要添加一个标签来单独写了,这个时候:after就有用了,具体实现看例子中的源码吧。虽说ie8以下对这两个方法不支持,但移动端的浏览器基本都是webkit内核的,所以可以放心的用了,这个方法的好处不仅这点,如分享者所示,这个方法大大减小了css拼图的大小,当分享者给出减小的数字时,也引起了观众的惊呼,减小几十K的大小对移动端来说非常可观啊。其他对移动端的支持就是一些属性和私有属性了。

第二个分享是关于缓存的,移动端由于网速的限制,缓存对加快一些页面加载速度是很有帮助的,分享者主要介绍了两个方面:application cache和webstorage,这两个方法都是HTML5中的内容,买了HTML5高级程序设计还没来得及看到这两章,对所讲的东西也听得不是太懂,回头还是先把书看完。

第三个分享是以实际案例来讲的,首先讲的是关于产品设计方面的东西,后面的东西就比较有料了,有为提高显示速度用到了bigpipe技术,这个技术据说首先由facebook率先使用的,主要思路应该是先加载大的框架再按主次分块加载,但在后来的QA环节一些同学对这个方法使用在移动端还是有些不同的想法的,还有触屏设备特有的touch和旋转事件等,touch事件这块我在不久前简单的做过东西,在j事件和默认事件这块也遇到了问题 ,会上也没听到具体的思路,有机会再做些测试。还有一些经验是很好的,移动端还不是PC,所以性能方面要考虑的东西也很多。

这次参加还是收获很大的,移动前端各公司都是初涉,多多分享还是好的。

阅读全文 »