月度归档: 2012 年 12 月

  • apache列目录时优先目录

    .htaccess 中添加以下配置来设置 apache 列目录时目录优先,文件在后:

    <IfModule mod_autoindex.c>
    IndexOptions FancyIndexing FoldersFirst VersionSort IconHeight=24 IconWidth=24
    </ifModule>
    
  • 不知极点何处在

    走在这条路上,不但看不到最值,就连是否是正在极点都不知道

    image

  • IE10 对 frameset 的支持存在问题

    今天又被 IE 坑了,而且还是 IE10。

    有一个页面用 frameset 嵌了两个页面,然后通过改变 frameset 的 cols 来调整布局。别的浏览器安好,但 IE10 却没任何的反应。不是报错,值也确实地改变了,但布局没发生变化,当浏览器窗口大小发生变化时才会触发布局变更。示例代码如下(也可直接查看 Demo):

    (更多…)

  • italic and oblique

    italic 和 oblique 其实是不同的。

    前者是字体的斜体形式(可能字形都有所变化),后者是指单纯把字体右倾斜。

    不过,在没有对应斜体的情况下,italic 则会表现得和 oblique 一样。

    italic and oblique's example

    只是在浏览器中,大多数时候两者的表现会一致。

    参考维基百科斜体

  • 解除Chrome字体最小12px的限制

    Chrome 限制了最小字体是 12px,虽然一般情况下,比这还小的字体将会无法清晰查看,但非得设时,可以使用以下代码来解除限制。

    html{-webkit-text-size-adjust:none;}
    

    学自 chrome下最小12px字体的解决方法

    P.S. airyland 提醒:不建议用这个属性来支持小字体,这样会使页面缩放时其他元素缩放了,而字体还是一样大小。

    P.S. 非要用的时候,把选择符精确定位至小于 12px 的元素上,不用 html,减少影响范围。

    2013/06/26

    Chrome 里可以设置字体大小的下限,默认是 12,最小可以去到 6,最大可以去到 24,但问题是,不可能要求浏览者修改浏览器的设置。所以最好的方法还是:尽可能不要设计小于 12 的字,如果有,那应是不可变的(这样可用图片)。

    Chrome 27 后取消了上面的技巧,所以非得要做的话可以用 -webkit-transform{scale(0.85) translate(-1px, 1px)} 这样的方式。scale 来做缩放,缩放产生了位移,再加上 translate 来平移调整。

  • 读书计划

    看了下归档,11 月份只写了一篇文章,差点就断了。

    订个读书计划吧,鉴于时间把握不好,只能记下接下来准备阅读的书,至于何时完成就有点悬了,至少末日前是不可能的了。

    1. 在线翻译中的『CSS设计指南(第3版)』
    2. 『JavaScript高级程序设计(第3版)』
    3. 『程序员的数学』
    4. 『HTTP权威指南』

    当然,实际待读的书还有很多,比如『7周7语言』、『程序员的职业素养』和『Ruby元编程』等。

    要学的东西很多,时间或许也是有的,但总坚持不够。