Coding | ACGEP Homepage

Archive for the ‘Coding’ Category

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

Tuesday, June 15th, 2010

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

Posted in CSS, 旁门左道 | Asides, Design, Coding | No Comments »

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的顽固不化辩护。

Google Storage for Developers Preview 初评

Wednesday, June 9th, 2010

Google I/O大会宣布Google Storage之后用萌番为借口申请了Preview，没想到上周末就收到邀请，获得100GB空间与300GB月流量；昨晚有空就花了点时间测试，以下是初步印象。

这里先特别强调——不要留言找邀请，没有好友邀请系统，你需要自行申请；以我的个人经验，最好有个人网站作为审核参考。

Google Storage工具

Google Storage for Developers（以下简称GS）提供了三种空间管理方式，包括网页界面Google Storage manager，基于Python的命令行工具GSUtil以及它基于的云储存界面Boto（原来是AWS专用）。

Google Storage Manager

GS网页界面仍相当简陋，基本上只有新建Bucket（名称唯一的储存库），批量上传，批量删除与管理访问权限等基本功能。比较有趣的一个创意是保存经常访问的存储库与文件夹，类似于便捷书签一样的东西。

使用感想：网页界面清晰，但可用性一般，主要是对用户操作的提示不足。也许一眼看过去并没什么特别复杂的功能，但在按批量删除时不显示进度（GS更新文件列表的速度较慢），在按刷新时不显示读取提示，都是引起操作错误的陷阱。

GSUtil

应该说是这次Preview的重头戏，尤其是对没有boto使用经验的人来说。GSUtil在安装了Python的Linux与Mac OS上能直接运行，也可以通过Cygwin在微软的平台上正常运作。我测试使用的平台是Ubuntu，按照提示下载解压配置即可，然后就可以开始访问GS了。

GSUtil的官方版本提供了一个快捷但是有局限性的访问，例如cp与mv命令暂时还局限在本地与云之间，而无法在云端直接复制。GSUtil还附带一些超烦的bug，例如这位兄弟报告的Content-Type问题——使用GSUtil会让服务器默认保存文件为application/octet-stream，导致浏览器不愿打开图片链接，而是默认下载保存（使用Manager上传则不会有这个问题）。

Boto

我是Python新手，不好说Boto的使用方便程度怎么样，但从Google提供的例子看，撰写简单.py上传/管理程序还是相当轻松的——唯一的问题是，你需要学会如何配置boto使用GS，而Google官方在这方面还没有相应文档。

我使用的配置方式是（GSUtil已正常配置）——

通过SVN下载并按照boto默认方式配置，但同时把GSUtil文件夹内的GS专用boto配置加入export内容。

$ export PYTHONPATH=$PYTHONPATH:/home/yourpathto/boto

改成

$ export PYTHONPATH=$PYTHONPATH:/home/yourpathto/boto:/home/yourpathto/gsutil/boto

然后就能正常运行官方的.py例子了。