内容提要
作者回忆2008年前后在育儿网做网页设计的经历:当时浏览器兼容问题突出,设计师需自己切图写HTML/CSS并解决IE6等差异;作者与曹大顶、老沙、南哥等年轻同事合作改版商城和论坛,用Firebug调试样式,团队乐于分享技术、自信能解决各种问题。
延伸解读
设计师写代码:兼容问题逼出的全栈能力
文章提到,当时网页设计师和前端工程师尚未明确分工,设计师需从Photoshop设计到切图、写HTML/CSS全程负责。IE6、IE7与Firefox的差异导致布局错位等问题,且必须由设计师自己解决。这种环境迫使设计师深入理解代码和浏览器行为,而非仅停留在视觉层面。对比如今细化的岗位,这种“全包”模式虽辛苦,却培养了更全面的问题解决能力。
Firebug与分享文化:工具普及靠同事推荐
Firebug由周晓婧介绍给作者,能直接在网页上查看和修改HTML/CSS,省去反复保存刷新的麻烦。文章强调,当时团队乐于分享好用的工具和新方法,谁发现新东西很快就能传开。这种氛围降低了学习成本,也让新技术迅速成为团队共同能力。可见,工具的价值不仅在于功能,更在于能否在团队中流动起来。
老沙的学习法:先看手册再动手
作者对比了自己边做边学的方式和老沙的习惯:老沙拿到新程序或技术资料,会先快速通读手册,理清系统各部分及关系,再开始动手。这种方法让他在动手前已有完整认识,知道从哪里下手。文章没有评价哪种方法更好,但通过具体事例呈现了不同学习路径。对读者而言,这提示在接触陌生技术时,先建立整体框架可能减少后续盲目试错。
小公司的技术自信:不靠地域和名气
文章写道,育儿网规模不大、位于南京,但团队觉得自己的技术在南京互联网公司中靠前,甚至不觉得比行业差。这种自信源于身边确实有厉害的人,也促使大家愿意钻研技术。作者后来承认有些年轻人傲气,但也指出这种自信让团队面对兼容、改版等问题时倾向于自己研究解决。这反映了小团队在资源有限时,心态对技术成长的实际影响。
Q&A
2008年前后做网页设计,最头疼的问题是什么?
最头疼的是浏览器兼容问题。同一个页面在Firefox里显示正常,换到IE6就可能布局错位、间距不对、菜单跑偏,而当时IE6用户还很多,不能不管。
那时候网页设计师需要自己写代码吗?
需要。当时网页设计师和前端工程师还没分那么清楚,设计师通常先用Photoshop设计页面,再自己切图、写HTML和CSS,最后交给程序员。页面在不同浏览器能否正常显示,也得设计师自己负责。
Firebug这个工具是谁介绍给作者的?它有什么用处?
Firebug是周晓婧介绍给作者的。它可以直接在网页上选中元素,查看对应的HTML结构和CSS样式,还能当场修改样式并立刻看到效果,大大方便了调试布局问题。
老沙的学习方法有什么特别之处?
老沙拿到新的程序或技术资料时,会先把手册快速看一遍,先弄清整个系统有哪些部分、彼此关系如何,而不是边做边学。等真正动手时,他已经对这套东西有比较完整的认识,知道从哪里下手。
育儿论坛改版时用的是什么程序?
育儿论坛不是从零开发的,也不是用Discuz!,而是基于一套PHP CMS修改出来的论坛程序,模板同样使用Smarty。
作者在育儿网接触到的ShiningRay有什么背景?
ShiningRay也是东南大学出来的,写过一些JavaScript代码和小型程序库。他后来参与翻译了前端圈很有名的《JavaScript高级程序设计》(“红宝书”),还参与过糗事百科、暴走漫画等项目。