• CSS Regions

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

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

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

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

    (更多…)

  • 活着

    诈尸,活着,在人间。

    假假地维持一下“每月金身”吧。

    写技术相关文章花费时间太多了,碎碎念的话则简单多了……

  • 解决 Firefox 右键菜单异常问题

    某个时间起,发现 Firefox 的右键菜单有了问题,又长又臭而且很多选项根本就没起作用。一开始懒得理,因为很少用。但要用的时候就麻烦了,不知道到底哪个选项才是真正有用的。

    一番 Google 后,找到了问题所在,某个版本的 Firebug 导致的,把其更新即可。更新方法可以是在该扩展中右击选择查找更新,也可以直接更新所有插件。

    参考页面:
    Context menu in firefox contains all possible items and is too large

  • 又一月

    似忙碌似悠闲中又一月,有所收获却又一无所获的感觉有点糟糕,技术焦虑感和浮躁感很是折磨。

    笔记本一按键出现故障,维修点没对应型号的键盘,需要回维修中心甚至是返厂,上限20个工作日,接下来寂寞。

    关于信息的共享,有两种方式,一是推,一是拉。区别在于主动权在谁手里,二次元的攻与受。

    没请假来凑足7天以回家看看,打打电话吧。

  • 无题

    无题,或是无中心,或是无法表达。

    记忆,是个很会欺骗人的东西。总以为会一生一世永世难忘,结果时过境迁,记忆消淡。

    当初念念不忘的恩师容貌无法再忆起,只保留着对我的好和那时那份心情。而这些还能留住多久,实在没有信心。

    离别,最是伤人。

    刻意保持着一定的距离,其中也有着不想离别时莫名感伤的原因。可惜,时间久了,还是会慢慢熟悉; 逐渐大了,慢慢变得重感情。

    不淹没于烟雾,也不醉于酒坛,偶尔静坐,无言。

  • element.scrollIntoView

    有一个常见的需求是:把页面滚动到某一个元素处。

    我一直以来的做法都是计算处该元素在页面的位置,然后设置 documentElement 的 scrollTop 或用 window.scrollTo(x, y) 来实现。

    发现 DOM API 中有着一个简单的方法,并且兼容包括 IE6 等主流浏览器,那就是 element.scrollIntoView(alignWithtop) 。

    从命名可知,是把对应元素滚入可视范围,可带一参数,参数类型是 boolean,true 时表示元素顶部和滚动区域的顶部对齐,false 时元素底部和滚动区域底部对齐,不带该参数和 true 的效果一致。

    关于对齐,说的自然是尽可能对齐,当无法再滚时,不会拉伸页面来强行对齐。

    上面用「滚动区域」而不是窗口来表述对齐,说的是不单对整个页面的滚动可用,也对页面别的有滚动条的元素生效。当对某一元素应用该方法时,从最内层的滚动区域开始调整 scrollTop,没进入可视范围,再继续调整外层滚动区域的 scrollTop 。

    一个 demo

    References

  • 如果把西游记倒着看

    这个传奇有点久了,但不时想起,决定转一下。

    ——–++ 如果把西游记倒着看~ ++——–

    如来派师徒四人与八部天龙小白龙去东土大唐去传教,在一路上遇到了各种妖怪,打来打去发现他们都是有后台的,无论怎么作恶都不受惩罚,

    八戒和沙僧觉得太黑暗了,无奈一个躲进了高老庄,一个钻进了流沙河,只有悟空坚持正义一路斩妖除魔护送师傅东去传教。结果天庭对悟空实在忍无可忍就和如来达成协议——我们可以保证唐三藏平安到长安,不过你得把孙悟空这个刺儿头给办了,

    如来同意了,在一翻阴谋之下,白龙重伤坠入山涧,悟空败了,被压在了五指山下,而唐三藏却抛弃了孙悟空,孤身来到长安,在长安传完教,被封为御弟,享受完荣华富贵,寿终正寝。

    就这样过了五百年, 悟空终于从五指山下逃了出来, 一声不吭 ,把天庭搅了个天翻地覆, 天庭被逼无奈许诺让猪八戒化为人身,封为天蓬元帅,沙和尚封为卷帘大将,只要他们能够杀掉孙悟空。

    最后的最后,因为兄弟相残而心灰意冷的悟空去寻找菩提祖师解惑,然后他封印了修为,回到花果山,陪着猴子猴孙过完了平凡的一生,最终在花果山的山顶化作了一块石头……

  • 使用 weinre 远程调试移动端页面

    首次做移动设备,发现调试很困难。mac 平台好点,可以通过 iOS 设备直连 mac 用 safari 来 debug,又由 MIHTool 工具。

    但别的平台就惨了,虽然有跨平台的的 Adobe edge inspect,但免费版只能同时连一个客户端,而且需要通过 Adobe 的服务器来中转,速度很慢。Chrome 的 【USB 网页调试】功能就更惨了,不但需要通过官方服务器中转,这服务器还是 appspot 的,在国情面前,华丽倒下。

    一番尝试后,尝试用 weinre 来调试。

    工具说明略过,到官网翻阅。

    从我搜到的文章来看,以前是 jar 包的,目前改用 nodejs,所以以下说明仅做记录备忘,具体以官方文档为准。

    安装并测试

    安装 node.js 环境,这样已附带包管理器 npm。下一步,npm 安装 weinre。

    npm -g i weinre
    

    查看命令用法

    (更多…)

  • 输给了永恒

    看了下微信里的文章就凌晨了,趁周一打球后习惯性晚睡来写点东西吧。

    上周末在线跳着看了部泰国电影,其名为《永恒》,摘自豆瓣的剧情简介如下:

    尚孟(阿南达·爱华灵咸 Ananda Everingham 饰)从小就父母双亡被叔叔木材富商帕博(Teerapong Liaorakwong 饰)收养长大。从缅甸森林大学毕业归来,他就帮叔叔打理林场。尚孟长的帅气文雅且没有不良嗜好,他的叔叔帕博可是个风月高手,这天帕博又把从曼谷遇到的美貌而富有智慧的女子玉帕蒂(赖拉·邦雅淑 Laila Boonyasak 饰)娶回了森林的家。在尚孟和玉帕蒂日常交往中互生好感,终于在帕博去曼谷时两人跨越了防线,发生了关系。之后两人经常幽会,帕博从曼谷回来后,很快发现了他们的事。愤怒的帕博为了惩罚他们,决定用大铁链把两人永远锁在一起。起初尚孟与玉帕蒂还庆幸两人永远能在一起再也不会分开,可随着时间流逝,事情在悄悄的发生着难以想象的变化……

    (更多…)

  • 最近杂想

    中国移动发起的 ISP 欲向微信收费的事,利欲熏心意图双重收费的事就不说了,问题是这事引发的 “微信一收费,我就卸载” 的反应。

    这种反应体现了两个问题。

    一:快速阅读年代,很多人根本没认真阅读。看到收费二字,心中的那根弦马上就被触动了,马上开口骂腾讯。殊不知,从一开始,就找错了对象,显示了自己的无知。

    二:在国内,尊重知识产权依然是一件小众的事。寻求收费产品的免费替代品无可厚非,是精打细算过生活的体现。然而,上面那种反应体现的并不是这种生活态度,而是,“别期望我在软件上花一分一毛的钱”。坦白地说,我觉得绝大部分的70后到90后都使用过盗版软件和看盗贴。但不应以此为荣,应以此为耻,因为自己连这么一小钱都负担不起。我觉得要慢慢懂得为劳动成果付费,要尊重别人的劳动成果,这样别人才会尊重自己的劳动成果。我不占据什么道德高点,就连这个目的也赤裸裸地充满着利己主义。

    另一件事就是苹果昨日发布国内针对事件声明后的一些反响,最刺眼的莫过于“借机无限换机”的想法,这总令我想起一堆大妈大婶在咧着大嘴扛走因事故而散落在地上的水果什么的新闻。

    贪小便宜总让旁人看着一阵脸发烧,虽然当局者没任何的感觉,只有高兴。

    总觉得女孩在有了孩子变为女人后就会变得很跟跟计较不讲道理,保护孩子是天性,只是很多时候却显得小家子气贪小便宜。在有了孙子成了祖母后就变得更加奇怪了,甚至倚老卖老。

    而男人,常会在女人和孩子面前试图变身英雄,保持帅气和强势,于是极度容易引发冲突。比如和女朋友一起挤公交,为了展示男子汉气概,推开别人、圈住地盘、抢座位,最后却扮得很有绅士风度地请女朋友做下。又比如《新参者》中希望在儿子面前保持帅气爸爸形象的人却最终导致了自己父亲走上不归路。

    现在看古时的民族斗争,总感觉各种不值,各种不幸,不知遥不可及的未来人们眼中的这个时代的国际斗争是否也如此?