月度归档: 2013 年 8 月

  • 血肉长城

    今晚吃饭时看了会 CCTV,当时播的是东北洪峰的情况,感觉只能用“触目惊心”来形容。水看起来很平静,但笔直的公路上两边的树木只能看到个顶,汪洋一片。

    镜头一转,是扛着沙包之类的战士。

    心里没有太多的佩服情感,有的反而是同情。“血肉长城”一词听起来高昂,但却是同样悲壮。

    人多力量大是件好事,但最后却沦为靠数量来堆积解决问题就有点不对劲了。

    印象中,每逢洪水,总会变成洪灾,总要出现“血肉长城”。

    几千年过去了,规律性或不规律性的洪水总还是如此灾难,我们在自然面前还是那么无力。

    水力发电促进了社会的发展,也让我有机会在一边开着豆瓣FM,一边在电脑上敲下此文字。但同时,闲时蓄水下游干涸,忙时泄洪下游泛滥,隐患渐显。

    人生最多不过百年,却还是忧心人类。

  • iOS 下的 scroll 事件

    iOS 下 Safari 支持 scroll 事件,但仅在滚动停止时触发一次,而不像 PC 端浏览器那样不停触发。带来的问题是对于比较常见的某些模块在页面滚动到一定范围则固定定位的情况将没法完美呈现,比如 msdn 页面的左树

    虽然 touchmove 事件可以连续触发,但 touchmove 要求手指不能离开屏幕,所以,对于 scroll 的问题还是没办法完全解决。

    iOS 下,Chrome 也如此,不知是否是 iOS 处于性能的要求而定下的规则。

    References

  • border 与三角形

    border,无处不在,针对三角形作个备忘。

    1. 在设置了 border-style 和正的 border-width 但没设置 border-color 的情况下,border 的颜色是跟随字体颜色来的。
    2. background 的覆盖范围是包括 border 的,所以在 border 的颜色是透明时,将显示 background。

    紧跟着的图片的页面来源是 JS Bin 上的一个 demo

    border 是包成一个矩形的,如下图左上。但单个 border 是如何的呢,可以看下图右上,可以看到对于交接处是采用对分的形式的。由于 background 的作用范围,所以左下图把右 border 设为透明后,显示出黑色的背景来。右下,在把 background 也设为透明后,border 处显示出更下方的内容了。

    (更多…)

  • CSS Regions

    CSS Regions 的提案很早就有了,前端观察 也在 2011 年的时候就译了 CSS3 Region:基于HTML和CSS3的富页面布局 一文,但我首次听说还是苹果的 WWDC 2013 大会。

    CSS Regions 目前依然是草案,变化可能还会很大。从目前的状态来看,和前端观察 2011 年那篇译文的写法已经有了很大的变化了。

    CSS Regions 的主要目的是把一段文档进行更加丰富的排版,如分块、分栏和中有间隔等。

    常规的分块展示内容看不出为何需要新工具。但如果需要对一段内容进行如下图那样的布局的话,问题就来了。需要计算每块能容乃的字数有多少,然后截字输出到对应模块。但还是存在着问题,对于现在的响应式布局又该如何动态调整?遇到图片呢?

    (更多…)