嗜糖。

最近发现一款很有意思的的espresso machine，叫做presso。 并不是特别新的产品，面世也有四五年了吧，获了不少奖的样子。w 价格大概在110美刀左右。优点是体积小、不插电。但是要自己准备好热水，手动加压，一次只能产出1-2杯，所以会比较适合一个人或者小家庭使用。 Read the rest of this entry »

最近真是累坏了。assignment和考试不断。所以一直到今天才有空来校对下半部分。

嗯。废话不多说。上半部分在这里。

原文请走这里。 再次声明我所参照的原文是经过修订后的版本。所以和smashing magazine的原始Post可能有细节上的出入。

本文中出现的作品集一词原文为portfolio，如果对此翻译有所不适的请自行用portfolio代入并在完成脑补后阅读。由此词以及其他翻译不当所产生的不适症状本人概不负责。= =

********正文分割线参上********** 接上文。 Read the rest of this entry »

话说我可是放着assignment不做来写blog哦（你够了！

好吧。这次翻译是推友@xiao99xiao提起的。翻译的原文来自smashing magazine的某个专题文章合集。出于好玩以及试试看的心态，我主动承担翻译了其中比较简单的一篇——Portfolio Design Study: Design Patterns and Current Practice（我收到的修订版本可能和原文略有出入）。先声明，我没有任何翻译相关的专业知识，整个翻译过程由我一个人完成，所有参考资料均来自于网络，我尽了我最大的努力保证准确性，但是仍然会有不确切的地方。各位砖家们要拍砖我无所谓，就是别下手太重了w。

首先来说下portfolio。我左思右想还是决定把这个词翻出来，采用了网络上最普遍的说法：作品集。portfolio这次词在不同的领域有不同的意思，应用非常广。无论是企业的产品名录、投资明细，还是艺术家的作品合集，亦或是大家常见的求职简历，这些都可以被称作portfolio。这篇文章中的portfolio更确切的说是e-portfolio，也就是电子档案集，并且重点针对的是设计机构用来对外行销和自我展示的作品集网站，可以说是一种比较狭义的portfolio形式。

Read the rest of this entry »

先说点题外话。IE6终于回老家结婚去了。。走得还挺风光（大雾）。又有葬礼又有围观者还有官方纪念网页，诸位web designer们从此也可以松一口气，名正言顺的说【NO IE6!】了，反正连东家都决定让其谢幕了阿鲁。要是还有兴趣想围观想纪念的可以右转走这里 当然啦~IE6的葬礼虽然办完，但是M$对其的支持要到持续到2014年。各种browser tester工具里IE6相关的tester选项估计也还能保留一阵子。

好吧。进入正题。 Read the rest of this entry »

web design资料整理第二弹，不过我想大过年没谁关心这些个东西吧Orz Read the rest of this entry »

想放这个东西很久了。但是一直没有行动。 这些东西是我去年积累下来的一点资料。主要都是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=。