text-overflow与文本截断

CSSer对text-overflow肯定是非常熟悉的,并且,对于单行文本的截断,包含了text-overflow: ellipsis;的这3行代码,可能也是我们最为惯用的。 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 这小段CSS甚至兼容至IE6,毕竟text-overflow: ellipsis;原本就是IE的专属,于是早期文本截断的抗争主要是在Firefox上,直到Firefox7.0, ...

博客的回归

今天清理一下朋友们的链接,有好几年没更新的,有变成了跳转的,有只留了几行字意义不明的,还有域名索性处于出售状态的,却唯独没有依旧还在专注于书写的...想到自己也很久没有码字,顿觉惭愧。虽然家里出了些事,但说到底还是懒惰作祟,一旦停止了练习,得到的技术也会以成倍的速度变得生疏,长久不码字的后果就是文本表达力的退化——以前能娓娓道来的话题,如今手指却在键盘上如履薄冰,敲击的甚是艰难。 但翻翻过去自己的博文,能够明晰地知道自己的成长,还有些回忆实在不能说放就放,所以, ...

JavaScript的守望者

最近整理了一下收藏夹,发现了很多有趣的陈年旧物。好几百个链接,很多都已经过期了,相对来说依旧是国外的链接存活率要高的多,可见国内网站生存条件之不易。用以前团队同事的话来说,这是“清理体内残留的代码”。 今天要写的是IBM developerworks在2010-05-04发布的JavaScript 框架比较,到现在整整7年之久。毫无疑问2010年的我们还在挣扎在IE的泥潭里,如今回过头来看其实时间过得也相当快。当时这篇JavaScript 框架比较是相当全面的,作者从各个角度详尽对面了当时流行的JavaScript框架: Prototype jQuery ...

十年老笔记本升级记

十年老笔记本升级记 我的笔记本是神舟天运F231s,唯一一台,已经满满服役十年。十年前买的时候也不是什么高配,总价3999。奔腾双核T2310 1.46G,性能偏弱,但好在内存刚买就加到2G,相较于当时512M主流配置来说颇为奢侈。它一直伴随我从大学到现在,玩过Dota,写过C++。想来也有一段时间雪藏,但这次翻出来依旧不舍得扔,就琢磨着升级一下。 CPU主频确实太低,必须换掉,十年前的性价比之王到如今也廉颇老矣。 ...

耳机换线与DIY耳塞

耳机换线与DIY耳塞 接触HIFI大概10年吧,明显退烧后对音频设备的需求远不及10年前。如今K701长年放在抽屉里,长时间陪伴左右的反而是H840,H850,MX360这些。听曲子也不再纠结有损无损,从D50换成了iTouch+网易云音乐,回过头来看的时候,当初的狂热更多的是一种某个时期的证明。 一个月前H840插口接触不良,拆开换了根线以后就可以满血复活继续服役。以前给耳机换线是期盼更好的效果,现在换线则完全只是为了继续用下去,结果一样,心境不同。 但修理耳机找线的时候还是有意外的收获,如今居然耳塞都已经可以自己拼装了,这在10年前基本无法想象。 ...

three.js入门及飘雪实现

three.js是一个JavaScript的3D库,可用于构建WebGL应用。2011年写过一篇《一个二进制的Web新世界》,从那时起就一直断断续续有接触这方面的资料。本文是three.js的一些入门,并用其实现一个飘雪的效果。 其实,对于web应用来说,3D一直以来都较少使用,不过2016年被称为是VR年,作为网页端的WebVR也趁此机会迅速发展了起来,而其核心库正是three.js。three.js的官方文档和Demo目前已经较为完善,由于一直在迭代演进,API的变化还是比较明显的, ...

响应式设计实践手札

响应式设计实践手札 说到相应式设计,首先要提及的是其核心技术Media Queries。记得还是在我10年前上大学的时候,看着书本中描述响应式设计的愿景仿佛还如同昨日,如今随着Media Queries受到浏览器广泛支持而早已成为现实。我最早写的关于Media Queries的CSS3 Media Queries 详解一文,发布于2010-08-23,距今已然6年,并且Media Queries Lv3也已经在2012年成为W3C推荐标准——也正是2012年,算是响应式设计的爆发之年。 于是这些年来各种设计精巧的响应式页面便层出不穷, ...

Ghost更新至0.9.0并启用HTTP/2

Ghost在0.8.0之后不久便更新了新版本0.9.0,本来想等HTTP2一起弄,不过这段时间阿里云还是迟迟不上Ubuntu 16.04 LTS,实在有些等不及,所以还是决定直接从14.04升级到16.04。因为早些年吃过很多更新系统的亏,所以一直对系统核心升级颇为不喜。好在这次比较顺利,更新到16.04之后,获得了OpenSSL ...

为Ghost添加归档页

为Ghost添加归档页 归档页是博客的常用页,以前在用WordPress的时候,系统有内置归档页的功能,而且即便不是自己想要的表达形式,也可以通过编写主题功能文件funcions.php来重新自定义绝大部分功能。不过Ghost当前依旧不支持,甚至其对静态页面的支持也非常弱,无法在后台选择希望使用的静态页模板,必须要在主题中手动添加对应的模板文件并在slug里显示指定。尽管如此,但我还是希望在不编辑核心代码的情况下,得到所有文章的归档,而使用的也就是Ghost的静态页。 最简单的做法当然是手动编辑这张静态页,对于文章数不多的博客完全是可行的。不过我看了一下自己博文数达到了278篇,手动编辑还是有些吃不消,所以就用Ghost自身的功能列出当前所有的标题和连接。参考Ghost的主题文档, ...

简述HTTP/2的特性及其对前端的影响

去年5月HTTP/2正式发布,自1999年引入HTTP1.1已逾15年。这些年的发展使得页面相比2000年实不可同日而语,而基础协议却始终没有迎来什么变革。早前虽然有Google的SPDY,并且因为Google号召力各方面的支持度并不低,但毕竟不是行业标准。所以如今的HTTP/2上马绝对称得上是众望所归了。 HTTP/2发布伊始,浏览器方的支持相对还要更好一些,服务器端的跟进稍慢,但到了1年多后的现在都已经相当成熟了。不知不觉间访问的很多网站都已经部分或全部都切换到HTTP/2,着实像是一股风潮,不赶一下好像显得有些落伍一样: ...