2008,没什么搞不定的

2008,没什么搞不定的
2008,没什么搞不定的

那几年做网页,最让人头疼的事情之一,就是浏览器兼容。

同一个页面,在Firefox里看着好好的,换到IE6,可能就完全变了样。布局错位、间距不对、菜单跑偏,明明写的是同一套HTML和CSS,到了不同浏览器里,效果却总有些不一样。

偏偏那时候IE6的用户还很多,想不管也不行。

更麻烦的是,这些问题还得我们设计师自己解决。

设计师还要写代码

刚进育儿网的时候,我接手的第一个练手项目是育儿商城。

商城当时已经有了基本雏形,和母婴用品销售商红孩子有合作。我主要负责页面设计和改版,程序部分则由曹大顶负责。

曹大顶是南大毕业的,程序写得很厉害。关于他,还有个传闻:听说他参加高考那年,江苏的数学卷特别难,很多人连及格都困难,他却几乎考了满分。

当时育儿网的员工普遍很年轻,不少人是东南大学的学生,从实习期间就加入了公司。连后来出去创办途牛的于敦德、严海锋,也是东大毕业的。

说育儿网那时候是个“东大基地”,倒也不算夸张。

不过,曹大顶是南大的,技术同样了得。

那时候,网页设计师和前端工程师还没有像后来分得那么清楚。通常是先用Photoshop把页面设计出来,再自己切图,写HTML和CSS,最后交给程序员。

育儿网当时主要使用PHP开发,页面模板用的是Smarty。程序员拿到我们写好的HTML,再把它放进模板里,接上相应的程序。

所以,虽然职位叫网页设计师,但从设计稿到浏览器里真正能显示的页面,基本都得自己完成。

这也意味着,页面在不同浏览器里能不能正常显示,是自己的事情。

那几年IE6、IE7和Firefox之间的差异,足够折腾人。后来我们还用过一个叫IETester的工具,可以切换不同版本的IE,检查页面到底哪里出了问题。

不过,让我印象更深的,是Firefox上的一个插件。

Firebug。

那只萤火虫

Firebug是周晓婧介绍给我的。

周晓婧也是东南大学出来的设计师,还是UCDChina南京地区的成员。那时候大家都喜欢研究新东西,谁发现好用的软件或者插件,就会介绍给其他人。

Firebug就是其中一个。

它可以直接在网页上选中某个元素,查看对应的HTML结构和CSS样式,甚至可以当场修改样式,立刻看到效果。

今天打开浏览器的开发者工具,这些事情再平常不过。但在那个年代,这个功能实在太方便了。

以前调整页面,经常需要回到代码编辑器里修改CSS,保存,再切回浏览器刷新。效果不对,就再修改、保存、刷新。

有了Firebug,很多样式可以直接在网页上试。尤其碰到那些莫名其妙的布局问题,可以直接查看元素的尺寸、边距,以及究竟是哪条CSS规则在起作用。

我后来很长一段时间都离不开这个工具。

育儿网那时候就有这样一种气氛。

大家喜欢研究技术,也乐意分享。谁找到一个好用的工具,或者发现了某种新的实现方法,其他人很快也会知道。

而且,我们对自己的技术水平相当有信心。

虽然公司在南京,规模也不算特别大,但我们始终觉得,自己的技术在南京互联网公司里应该算比较靠前的。甚至放到整个行业,也不觉得比别人差多少。

看到其他互联网公司做的东西,有时心里还会想:这个有什么难的,我们应该也能做。

现在回头看,多少有些年轻人的傲气。

但那时候,身边确实有不少厉害的人。

育儿商城改版之后,我又参与了育儿论坛的一次大改版。这次和我一起做的,是老沙。

戴着耳机的老沙

老沙也是东南大学出来的。

其实他年纪并不大,但大家都叫他老沙。

我对他的印象很深。一方面是他总喜欢戴着耳机敲代码,另一方面是他的学习方法,和我很不一样。

我学一个新东西,通常喜欢边做边学。碰到哪里不懂,就去找相关资料,弄明白以后继续往下做。

老沙不是这样。

他拿到一套新的程序或者技术资料,往往会先把手册快速看上一遍。并不是每个细节都要仔细研究,而是先把整个系统有哪些部分、彼此之间是什么关系弄清楚。

等真正开始动手的时候,他对这套东西已经有了比较完整的认识,知道应该从哪里下手。

这一点我一直挺佩服。

育儿论坛当时并不是从零开始开发的。

那几年国内已经有不少现成的论坛程序,最有名的当属戴志康开发的Discuz!。不过,我们用的不是Discuz!,而是基于一套PHP CMS修改出来的论坛程序。

模板同样使用Smarty。

改版时,我负责设计和页面,也开始进一步接触Smarty模板。PHP不是我熟悉的语言,一些简单的模板调整可以自己研究,涉及程序逻辑,就要找老沙。

我能处理的自己处理,搞不定的就交给他。有时候还要两个人一起研究,看看页面和程序究竟应该怎么配合。

论坛改版也就这样一点点做了出来。

那时候大家的分工没有后来那么细。设计师会写HTML和CSS,也要懂一些模板;程序员除了处理程序,还得知道页面上的东西是怎么回事。

公司里还有一位负责服务器和运维的同事,大家叫他南哥。

南哥也是东南大学数学系毕业的,技术同样很厉害。网站背后的服务器和运行环境,主要由他负责。

那时候我们还没有今天这样方便的云服务,很多东西都得自己处理。遇到服务器方面的问题,自然少不了找南哥帮忙。

公司还有编辑部,平时负责网站内容,经常和技术这边一起处理网站上的各种事情。

虽然育儿网规模不大,但大家手头总有做不完的事情。遇到问题,基本都是找最熟悉这件事的人,一起想办法。

留在代码里的人

在做育儿论坛改版的时候,我还陆续知道了一些以前在育儿网工作过的人。

比如论坛里原来的一部分设计,是耿西鹏做的。后来我在南京的UCDChina活动中也见过他,那时候他已经去了途牛。

还有一些JavaScript代码,包括部分小型程序库,是以前一位叫ShiningRay的同事写的。

ShiningRay也是东南大学出来的。他后来参与翻译过一本在前端开发圈很有名的书——《JavaScript高级程序设计》,也就是大家常说的那本“红宝书”。

再后来,他还参与过糗事百科、暴走漫画等互联网项目。

不过,那都是后来的事情了。

当时我在育儿网接触到的,只是这些人以前留下的设计和代码。有些人虽然已经去了别的公司,但写过的东西还在网站里运行。

慢慢地,我发现育儿网早期确实聚集了一批很有本事的年轻人。

不少人还在大学读书的时候,就已经开始参与真正的互联网产品开发。有人擅长PHP,有人熟悉JavaScript,有人研究Web标准,还有人对服务器和网络特别精通。

大家年纪都不大,却有着很强的自信。

我们并不觉得,只有去了北京、上海,或者进了那些名气很大的互联网公司,才能做出厉害的东西。

甚至有时候看到其他公司的产品,也觉得不过如此。

论坛要改版,就自己改。浏览器兼容有问题,就研究CSS。碰到不熟悉的程序,就翻文档、看代码,或者找熟悉的同事一起研究。

总觉得没有什么事情是自己搞不定的。

现在回头看,那时候的我们确实有点自傲。但这种自信也让大家很愿意钻研技术,什么东西不懂,就想办法弄明白。

育儿商城、育儿论坛,那几年究竟改过多少页面,很多细节现在已经记不清了。

倒是一些人的样子还留在记忆里。

老沙戴着耳机敲代码,曹大顶忙着处理PHP,南哥照看服务器。周晓婧介绍了Firebug,大家发现好用,就拿来解决手头的问题。

还有那个让无数网页设计师头疼的IE6。

明明在Firefox里显示正常的页面,换个浏览器又出了问题。

那时候,我们大概只会觉得有点麻烦。

再研究研究,总能搞定。

参与讨论