All Hail Media Queries

假如说HTML5的走红与白菜化是互联网发展和软件商推广浏览器的阴谋得逞,那Media Queries最近一年的热门就多亏各种互联网移动设备的提携了。Media Queries是什么?从定义角度出发,它是W3C推荐的用于检测互联网设备功能与属性的CSS3语法。换成普通人能理解的话,则是“一个网站,多种形态”(参见“一国两制”),不再需要专门为移动设备(更简单的说法,屏幕小分辨率低的设备)专门制作网站入口,仅使用一个主网站就能自动适应各种设备。

话说回来,当今的智能手机与网本无不配置了功能强大的浏览器;绝大多数网页设计未使用Media Queries,它们也能从容应付。Media Queries的存在,则更像是对设备定制软件的挑战——同样易用,横跨平台。直到最近我还以为Media Queries的应用仍处在半吊子的状态,但从这个网站收集的例子上看,设计师们已经把这种技能纯熟的运用在实际例子中了。2011年,看来会是个网站穿上“松紧带”的年份。

via mediaqueri.es

CSS 2.1的隐藏技能:多背景,多边框,等高容器

相比CSS3的新特性,CSS 2.1标准下的pseudo(伪类选择器)已经通用于所有主要浏览器的稳定版本(FF 3.5,Safari 4,Chrome 4,Opera 10以及IE8),这样一来我们就可以三次装饰同一个容器而不用建div巢了。Nicolas Gallagher最近写了一篇文章,看完两个DEMO(1,2)之后我清楚认识到自己没掌握CSS 2.1的事实。

为什么IE的盒子模型是错的

ppk曾经说IE的传统盒子模型比W3C的定义好理解,但为什么IE的盒子还是比W3C的糟糕呢?因为IE盒子的定义连IE盒子的支持者自己都搞不清楚。与文中所述相反,IE盒子并不包括margin,而只是纯粹的计算padding与border的占位。为什么IE传统盒子这么烦?因为需要反向推导一个盒子的内容宽度,而浏览器渲染时期望尽快知道内容的宽度。再有,IE传统盒子硬是把微软自己的开发团队都搞晕了,有些bug还穿越出现在标准模式下,哦,你不知道IE6的标准模式使用W3C的盒子定义

支持IE传统盒子的同学,没有为IE5.x开发过的同学,请你考虑这个问题:如今CSS3支持图片border了,使用IE盒子模式,浏览器应该怎么计算内容宽度?CSS3是为设计者方便提供帮助,请不要以box-sizing为借口,为IE5.x的顽固不化辩护。

延伸阅读:

From (mt) To Linode, with a few extra treat

也不知道是(mt)被后知后觉的墙看上了还是怎样,最近无论是HTTPS访问还是SSH链接的速度都被降得很低。虽然我一直怀疑墙被SSH与VPN逼急了开始测试类似美国某些ISP公司的加密包瓶颈策略,但考虑到中国的整体网速已经是粗暴的瓶颈了,还是决定再(第四次)换个服务商测试下速度。这次换用Linode的VPS,初级服务和(gs)的价格差不多,功率超出很多,网速不比当年的(gs)差,只是需要自己调整服务器。

Continue reading “From (mt) To Linode, with a few extra treat”

四畳半神話大系ED的原版

相比在Youtube发布日々の音色而名气大涨的川村真司,四畳半神話大系ED的另一个制作者細金卓矢的名气更多体现在制作者圈子里。正如动画结尾的介绍,ED的原型是他用Flash制作的Madrix(字幕还拼错了)。按照作者的说法,这次改用了After Effects。

顺便一提,四畳半神話大系是款相当酷的新番,只要你别念着人物设计。请确保你在观看本作的时候是清醒的,因为它让观众压力很大。

Akihabara JS库发布! (外一则)

只能用神作来形容的Javascript游戏开发库,代号Akihabara(秋叶原),利用了HTML5的小部分特性,制作纯(X)HTML + Javascript的游戏。和以往常见的游戏库不同,这个库的运行速度相当快,它运行塞〇达传说的流畅度与精细度让我惊叹!

这个游戏库惹人喜爱的另一个地方是它的独立性,放弃jQuery这类常用的跨平台库意味着Akihabara可以用最高效的代码完成功能;事实上,Akihabara库的源代码十分易读,对网页游戏开发将来趋势有兴趣的旅客不妨看看。

via ajaxian

PS: 说起网页游戏,就不得不说最近宣布由韩国Mgame开发的《美少女梦工厂OL》。本来让一群“爸爸”在游戏大厅交流育女信息就够让人头大了,这次还准备把养女党(抱歉)带到手机与网页上。虽然觉得RIA更有可能成为网页版的构架基础,但要有HTML5的版本就拽死了!“爸爸开个Chrome再来好好教育你”之类的台词浮想联翩……