响应式Web图形篇 —— icon fonts 的探析及应用

前言

像素完美(Pixel Perfection)、分辨率无关(Resolution Independent)和多平台体验一致性是设计师们的追求。 可访问性(Accessability)、加载性能和重构灵活性是前端工程师们关心的主题。

当下互联网设备「风起云涌」,显示分辨率「层出不穷」,为 Web 创建者们带来越来越多的难题。

  • 需要为高PPI(aka Retina)显示设备准备@1.5x、@2x、@3x的图片素材;
  • 需要针对不同显示屏分辨率来调整优化排版;
  • 需要考虑多个分辨率版本的图片的加载性能问题;
  • 设备版本碎片化(Version Segmentation)带来的语义和可访问性的问题;
  • ……

响应式设计

Responsive Design

响应式设计(Responsive Design)作为「救世主」的身份,已经在 Web 界布道了好几年,丝毫不亚于当年的「Ajax」先生。其核心就是:针对不同设备和应用场景,作出合理性的适应。狭义地看,就是 Web page 在不同分辨率下借助 media query 来调整页面布局和内容显示,三个关键词是:Fluid grids, Flexible images, Media queries.

其中 Flexible images 是最为棘手的地方。因为前面提到,现在的设备多样化,不同分辨率和不同 PPI 给图片自适应带来了空前复杂度。目前还没有一套完美的解决方案来应对,W3C那边还在拟定 Responsive ImagesPicture Element 的相关标准。但在这之前你需要采取多管齐下的方式,针对媒体元素不同的使用场景,制定不同的自适应策略。目前主要有三种主流方式:

......

Read more →

断网

Offline

2013年冬第一场雪降临,无声的冬雨随着温度下降,渐渐的变成的雪花,雪花越飘越密,很快对面山上田里就裹上了雪装。

南方的冬季是比较难熬的,下雨下雪天简直要命,我书房里生了炭火还是不够,外加开着油汀,勉强让手指暖和点,可以继续抓鼠标打键盘。正噼里啪啦的写代码,「噗」的一下,外接的显示器黑了,掉电了,断网了,想必是下雪天出故障了吧。

如今的生活方式,一断电还真没几样事情能做的,要么睡觉要么看书,断电即断网,同理。

当我断网的时候来谈论断网,再合适不过了 :) 写给曾经24小时不断网的自己,和读者你。

断网是慢下来

因为网络,加速了信息的流动,同时加速人们每天生活的节奏。每天有消耗不完的新闻、微博、微信… 这些碎片信息无时不刻得在延伸更多的信息,一旦你追赶这些信息,你就会一直提速,慢不下来。处理不完的邮件,看不完的微博…

记得有句话说「别走的太快,让灵魂跟上来」。出于健康,效率,心境,我们需要经常慢下来,等等我们的灵魂。

规律的断网 = 规律的休息

随着手机、平板电脑的普及化,我们越来越多的把网络带上了床。记得淘宝有份数据表明,晚上10点后,用iPad访问淘宝的数据明显高出几倍,我想这些浏览基本都是在沙发或床上完成的,这多少影响了休息。

我也有睡前翻手机的坏习惯,经常会翻多了把控不好时间,迟迟不睡,对视力伤害也很大。最后,我采取了一个好办法就是断网。

我买了一个电子定时插座,设定晚上12点断电,控制我的路由器,这样过了12点,没有网络了,只能乖乖睡了。定时插座6点开0点关,规律的断网,也规律了我的睡眠时间。

断网提升工作效率

在我的个人效率篇文章提到过,排除干扰是提高效率的最重要环节。一声「叮」的新邮件提醒,一不留心去翻了新闻或微博,很容易就把人带出工作的上下文环境,要么回不来了,要么得耗费时间重新进入工作状态。所以断网能从根源上解决这个问题,象RescueTime 和 Vitamin-R等类似工具就有黑/白名单的功能,屏蔽那些会在工作中产生干扰的网站或网络应用,让你进入沉浸式的工作状态,提升效率。

......

Read more →

Bose SoundLink mini 初体验

一直想添置一个蓝牙或Airplay 音箱, 这样就可以听着音乐起床,洗漱,吃早饭,开始美好的一天。更重要的是,女儿现在听到有节奏的音乐就会扭起来,平时都是iPhone/iPad 来播放,音质难免有限。一款又轻巧音质又过得去的无线音箱是我最近在搜寻的目标。

高端

  • Bose SoundDock 10

    对Bose 一直情有独钟,C5一直存在我的Wishlist 里面。因为价格因素,当时选择了惠威的 M200 MKII,这也是个不后悔的选择,因为中音的解析,这款音箱太物有所值了。 另外,被 Bose MM(MusicMonitor)震撼到过,那么小的两个卫星箱,竟然可以发出那个爆发力的声音。 再者,Bose 的降噪耳机,像QC15(QuietComfort 15) 效果非常赞。

    所以一直在Bose 的产品线里找合适的无线音箱,SoundDock 10 很不错,Airplay/蓝牙都支持, 价格较高,在5000人民币左右。另外3000价位的 Soundlink BlueTooth 外形小巧,也是不错的选择。

  • B/W Zeppelin Air

    Zeppelin 一直凭借其独特的外形毒倒众多外貌党,当然它的音质也是出类拔萃的,否则怎么让那么多人掏四五千块钱。最新出的Air款是对Apple产品的定制化,支持Airplay,还有30pin的Dock接口。这款产品只闻其名,未听其声,一定要找个试听的地方好好感受一下。

......

Read more →

远程工作之个人效率篇

没有写博客有好多年了, 之所以再提起来写, 是因为公司同事都写得风风火火, 特别是最近几篇关于SOHO/远程工作的博客, 在微博及国内几家科技媒体上都反响热烈.

而我最近开始执行村上春树工作作息方法, 几周下来颇有心得, 发过几条推特, 大家的好奇, 兴致, 疑问还挺多的, 用一篇博客来分享下自己的心得是最恰当不过的. 这个题材, 正好是我们 Pragmatic.ly 团队成员最近在写的<远程工作><团队协作><工作效率>系列.

那么这篇博客就来讲讲, 我是如何借鉴’村上春树’的作息方式来降低工作时间, 提高工作效率的.

远程工作的问题

大家读过Dingding 的「远程工作经验谈 — 如何适应及如何管理」 都应该知道, 我们团队几个人很早就开始了远程工作的方式. 我本人是07年自学了Rails 然后做了个练手项目后, 开始和朋友接美国的项目做. 也在Intridea 做过一年的consultancy, 去年开始和Dingding, Terry 一起创业做产品, 到现在算起来应该有5年的远程工作经验. 这五年下来, 远程工作带来的好处就不多说了, 我能总结出的最大的问题, 就是’效率’问题.

......

Read more →