分类: 沉思录

  • 蜗居

    1、如果时光可以倒流,我会带着你们过另一种生活,不要太多的钱,每天去菜场斤斤计较,为发论文、评职称而与人争得面红耳赤,也为女儿考不上好学校而心焦。也许,这样,才是一种幸福的生活,而我以前并没有意识到。宋思明

    2、关系这个东西啊,你就得常动。越动呢就越牵扯不清,越牵扯不清你就烂在锅里。要总是能分得清你我他,生分了。每一次,你都得花时间去摆平,要的就是经常欠。欠多了也就不愁了,他替你办一件是办,办十件还是办啊。等办到最后,他一见到你头就疼,那你就赢了,要风得风,要雨得雨。宋思明

    3、有钱能使鬼推磨 这话一点不假,4万还是“我妈”,6万就成了“咱妈”了!幸好这钱拿回来了,否则估计你嘴里就是他妈的了!苏淳 (更多…)

  • 越来越不懂

    很多时候,人生就这样在你期盼中失望,而在不经意间又错过了机会、

    越来越不懂

  • Reset CSS研究(八卦篇)

    八卦为先

    八卦是种优良品质,特别是用在技术上时。来看几个Reset CSS的八卦问题吧:

    1. 你知道世界上第一份reset.css在哪么?
    2. * { margin: 0; padding: 0 }人品很坏吗?
    3. Eric Meyer和YUI是情侣吗?
    4. Google有用reset.css吗?
    5. No CSS Reset的口号是谁最先提出来的?

    类似问题或者说困惑还能列举很多,reset.css极其简单又极其不简单。继续挖掘八卦之前,请先关机遐思,或去如厕更衣透透气,想想后再读下文。

    不是历史

    2004年,遥远又如近在眼前的昨天,Tantek被不同浏览器下默认样式的差异搞烦了,于是琢磨中写了一个undohtml.css, 这就是第一个八卦问题的答案。

    对于基于Gecko引擎的Firefox等浏览器,请在地址栏中输入resource://gre/res/html.css,默认样式就这样裸体着呈现在面前了。CSS界的Guru级人物Eric Meyer立刻就嗅探到了html.css的有趣性:Really Undoing html.css. 知道CSS好玩,实在没想到CSS居然这么好玩。比如style, script { display: block }就可以显示CSS和JS源码,在做代码演示的demo页时,就不用辛辛苦苦用pre或textarea了(虽然因为ie不支持导致不实用,不过这的确是个思路)。

    继续八卦:CSS Negotiation and a Sanity Saving Shortcut. * { margin: 0; padding: 0 }的学名是Global White Space Reset. 从原文中可以看出这个方法刚问世时是非常火爆的,并且作者建议一定要先破后立,要将清扫差异和重置默认样式结合起来,这样才是正确的做法。

    为何Global White Space Reset当初风光一时,如今却黯然销魂?* { margin: 0; padding: 0 }的成功之处在于,管你三七二十八,统统抹平,人人生而平等!然而其失败之处也正是因为其威力太大,虽然捣了蜂窝得了蜜,却惹来群蜂追尾,麻烦无限(因为被抹平的样式,你得再重新设置回来,比如input的padding等)。这就如西汉一代名将韩信哪,是成也萧何,败也萧何!

    还有一个传说中的说法是,星号*选择符还会导致性能问题。由于一直没找到可靠的资料,我又不知道怎样才能测试CSS选择符的渲染性能(知道的请一定告诉我),这个传说中的性能问题就只能当它是传说了。

    眨眼一瞬间,三年就过去了。2007年,Eric Meyer的一篇文章Reset Styles, 重新唤起了一股reset热潮。这篇文章里有第3个八卦问题的答案:Eric的reset.css是源自YUI的,可能是母子关系,但总之不是情侣关系。

    很快,Eric发布了第二版:Reworked Reset. 后面的解释极具价值,很多属性值的设置在这里有详尽说明。

    火爆的回复给了Eric源源不断的动力:Reset Reloaded. 看完这篇文章,有一种尘埃落定的感觉。

    但上面的文章并不是最终版本,2008年2月份,Eric Meyer还更新了一次:CSS Tools: Reset CSS

    说完Eric Meyer的心路历程,不得不提一下YUI Reset CSS. 创始人是Nate Kokechley. 去年北京D2论坛上还见过一面,前不久已离开YAHOO,让我的直觉里对YUI都有点担心起来了,唉。

    上面是两个最有名的CSS Reset方案。但世界永远是多样化的,比如Less is more – my choice of Reset CSS. 这和Eric Meyer的期望其实是一致的:不同的应用环境下,应该选择自己的reset方案,而不是简单的copy过去。比如Google首页,在这种特定页面里,不用就是一种最好的用。

    更多眼花缭乱的Reset方案请参看:A Killer Collection of Global CSS Reset Styles. 很标题党,内容就鱼龙混杂了。

    最后,隆重揭晓最后一个八卦问题的答案:No CSS Reset. 提倡的核心思想也是Less is more. 原因很简单,* { margin: 0; padding: 0 }杀伤力太大,在某些场合下,Eric Meyer的方案杀伤力也还是太大了。有想法并说出来,总是好的。

    有反对就会有支持:Why I Like (and Use) Reset CSS. 公说公有理,婆说婆有理,并非所有问题都需要一个确切的答案,有时过程本身,就是追求的结果。

    Eric Meyer对No CSS Reset一文的回复:Crafting Ourselves. 读罢此文,明月松间照,清泉石上流。下面摘录两段,做为此八卦闲文的完结:

    Because this isn’t a field of straightforward answers and universal solutions. We are often faced with problems that have multiple solutions, none of them perfect. To understand what makes each solution imperfect and to know which of them is the best choice in the situation—that’s knowing your craft. That’s being a craftsman/craftswoman. It’s a never-ending process that is all the more critical precisely because it is never-ending.

    …It’s evidence that we continue to challenge ourselves and each other to advance our skills, to keep learning better and better how better to do what we love so much.

    预告:下一篇是技术篇,将详细探讨淘宝目前使用的Reset CSS方案,欢迎各位提前准备好板砖,我已购买坚固头盔一顶…… 敬请期待。

  • Payeasy

    Payeasy的经典广告

  • 人生有三件事不可俭省

    是朋友转给我的一篇文章,特别喜欢。原因是它几乎吻合了万彼得经过这么多年混社会江湖领悟到的一些道理,也是我现在今后都要积极去做的。

    《转载》人生有三件事不可俭省
    原作者不详

    好故事一起共享。

    学习+旅游+锻炼

    无论世界变得如何奢华,我还是喜欢俭省。这已经变得和金钱没有很密切的关系,只是一个习惯。我这样说,实在是因为俭省的机会其实很廉价,俯拾即是遍地滋生。比如不论牙膏管子多么丰满,但你只能在牙刷毛上挤出1.5到2厘米的膏条,而不是1尺长。因为你用不了那么多,你不能把自己的嘴巴变成螃蟹聚会的洞穴。再比如无论你坐拥多少橱柜的衣服,当暑气蒸人的时候,你只能穿一件纯棉的T恤衫。如果把貂皮大衣捂在身上,轻者长满红肿热痛的痱毒,重了就会中暑倒地一命呜呼。俭省比奢华要容易得多,是偷懒人的好伴侣——用最直截了当的方式和最小的花费直抵目标。

    然而有三件事你不能俭省。 (更多…)

  • 和一座城市抢一个女人

    和一座城市抢一个女人

  • 转动视觉的魔方

    格式塔视觉原理并不是什么新鲜玩意儿,诸多与设计有关的课程中都将其列为必学的科目,网络上关于格式塔视觉原理的文章和讨论也非常多;本文将图文并茂的讲述其原理、应用形式;提供给平面设计师和网页视觉设计师一定的参考。

    格式塔的基本理论

    本节中的部分图片资料由Sunlei.name视觉机构提供,请您在转载时务必说明相关著作权归属。

    不是一座塔也不是人名!

    不要以为格式塔是一座建筑物,也不要认为它是什么国外著名人物的名字;格式塔是德文Gestalt的译音,意思就是“模式、形状、形式”。

    格式塔是一个著名的心理学派,基于这个学派的格式塔视觉原理还有一个小名:完形心理学

    最简单的格式塔:不存在的三角形
    最简单的格式塔:在上图中并不存在三角形,然而由于视觉系统不断的进行完形计算,让人们的视觉认为“存在一个完整的三角形” (更多…)

  • 爱情与房子

    在朋友QQ空间里,看到这个段子,觉得还不错,转过来先 (更多…)

  • 婚宴筹备日程表

    对结婚细节一无所知,且未有成功经验,抄袭过来,学习一下,以备后用。
    (更多…)