嗜糖。

想放这个东西很久了。但是一直没有行动。 这些东西是我去年积累下来的一点资料。主要都是web design相关，特别是HTML和CSS方面有用的一些网页资料和小工具。希望拿出来跟大家分享下。英文阅读能力需要。入门者、相关初学者适用。高手就不需要看了~（咱也是小白啊~泪目） 预备是分几次放上来。请大家一定要捧场啊（鞠躬~

1. Worst Web Design Ever

如你所见，这篇日志罗列了一堆堪称史上最差最崩坏的的网页设计实例。这些可怜的反面教材有的是布局混乱，有的是配色出了问题，但是结果只有一个，就是这些网站最总都成了视觉的杯具。初心者们一定要引以为戒=w=。 虽然作者已经有一年没有update新的example了，但是我觉得现有的例子也已经相当丰富了。不过话说回来似乎都是只有最最最最最初学的时候才会做出那样的网页吧，能把网页做到那么崩坏也真是不容易呢（喂！

2. HTML Playground

XHTML+CSS reference资料库。有code+live view的双重效果（也可以作为一个小型的编辑器使用）。可以根据名称查询XHTML里各个tag的作用解释，并且附上了用法和实例。同时可以调整相关的CSS参数，并且显示实时效果。 上面是DEMO的示意图。使用方法请参照Demo或者使用页面上的help链接。 又是一个懒惰而且很久不更新的作者。不过确实是一个很实用的工具XDD。特别是CSS的调试功能可以帮助初心者快速的体会CSS各个属性的实际作用和效果。而且界面也挺友好挺直观的。

3. Position is Everything

这是一个CSS相关的BUG收集库。作者收录了大量主流浏览器下由于浏览器预设值不同、CSS使用不当而产生的BUG，同时也介绍了很多如何避免这些BUG、使网页在各个浏览器上产生统一显示效果的好方法。 确实有的时候刚刚辛辛苦苦调试好了网页在FF和chrome上的显示效果，却发现布局在IE里又出现了偏差。正确的了解各个浏览器的预设属性，恰当的使用CSS RESET（这个相关的以后也会有资料。），是每个初心者都应该牢牢掌握的基础。 站点最后更新是去年9月。不是我吐槽其实这站点的interface做的真的不算friendly。好在作者还算有心突出了搜索框。所以想找相关的BUG请直接进行站内搜索，不过当然是english only。

今天只是尝试性的，所以很短。第一次写这种东西。虽然并不是最新的资料，但我个人觉得仍然是很有用的。 计划分五次左右放完。以后的都会长一些吧。果然我不适合写这么正式的东西呢，笑。 预告：明天放的是字体和配色相关=w=。