1 月 2014

2014年1月4日

如何让网站支持Retina屏幕

ern Apple, 网络 @2x, retina, retinajs, wordpress, 分辨率, 软件推荐 38,891次浏览 0

研究点儿技术问题还是挺花时间的。昨晚突发奇想，想起为本站增加retina支持（谁让我自己也用上rmbp了呢？）。结果一搜索，还真是比较麻烦的，简单说说吧。

基本原理

所谓Retina屏幕，其实就是在一定尺寸的屏幕内放进去了更多像素点，也就是分辨率更高，从而让图像看起来更清晰、锐利。操作系统（特别是Apple的MAC OS X）已经有非常好的支持，而且为了照顾字体大小（你不会愿意盯着个高清屏幕看芝麻大小的文字吧），一般将纵横各2个像素点当成1个来显示。但对图片采用同样的方法时，就会发现总有那么一点糊。而且如果你在RMBP上做截屏，直接放到网页上给普通屏幕电脑看，那图片又会变得离奇的大（准确的说是4倍，长宽各翻一番）。

所以，为了同时照顾retina和非retina屏幕，实际上我们需要不同大小的图片，只是让网页去判断究竟给读者呈现哪张。事实上，现在OS X和iOS上的App也是这样处理，会同时做Picture1.jpg和Picture1@2x.jpg两张图，其中@2x就是Apple的一个命名规则。

说回网页的问题，现在对retina的处理还没有一个标准，所以不同的浏览器有不同的处理方式。但多数浏览器通过window.devicePixelRatio的值来判断是否retina屏幕，最新的Safari、Chrome都支持CSS中-webkit-device-pixel-ratio和-webkit-min-device-pixel-ratio，此外W3C计划在HTML5中增加srcset特性（仍然是草案）。具体的情况可以参考这个WiKi页面。

阅读全文

2014年1月3日

鼠须管的个性化配置方式

ern Apple MAC OS X, rime, 配置, 鼠须管 33,579次浏览 0

Rime输入法，或者在MAC上叫鼠须管（Squirrel），是个强大而简洁的中文输入法，开源、免费不说，还支持多平台、拼音五笔等多种输入方案。从实际使用来说，非常稳定。只有两点值得稍微吐槽：自带没有图形化的设置界面、词库得自己转。

词库方面我倒不是太介意，词库越大，输入法的效率（资源占用、速度）相对来说越低，从0开始调校并不困难；但是设置的不方便确实蛮困扰的。特别是发现每次修改好了，一升级，设置又丢了，得从头来过。今天终于想明白了这件事情，人家在开源说明书里已经说了个性化设置方法，但我用错地方了……

简单来说，和我以前一样修改default.yaml和squirrel.yaml这两个配置文件的，都错啦！（我也忘记是哪里看来的，反正记得不少帖子都是这么介绍的）其实Rime输入法官方的设置有点类似Sublime Text，有一个系统默认设置，有一个用户设置。系统默认设置（包括前面说的两个文件），在每次升级的时候可能会变动或者恢复成默认值。而个性化设置应该全部放在default.custom.yaml中，这里做的修改始终有效，官方发布包里根本不包含这个文件，因此一般也不会被覆盖。如果不放心，你也可以及时备份这个文件，随时覆盖回去以后重新部署一下就可以了。

多的不介绍了，首先，default.custom.yaml是一个需要你自己建立的空文本文件，然后切换到鼠须管，点击输入法图标——用户设定，放到打开的这个目录下，再点击重新部署就可以了。

其次，default.custom.yaml的结构应该是下面这样的：

patch:
  "一級設定項/二級設定項/三級設定項": 新的設定值
  "另一個設定項": 新的設定值
  "再一個設定項": 新的設定值

所以直接拷贝default.yaml后改文件名是不行的，还需要加个头（patch:），为每一行加2个空格的缩进。注意，整个配置文件里只出现一次patch:，别写多了。

最后共享一下我的文档，大家就能大概看懂设置些什么了。我的配置比较简单，主要是定义了字体、大小、标点符号等。

阅读全文

2014年1月2日

利用OS X工具选择合适的无线频段

ern Apple MAC OS X, wifi, 信道, 网络, 软件推荐 44,869次浏览 0

今天在论坛碰到有网友问WiFi设置的问题，反映在某些频段下会很慢。现在WiFi已经比较普及了，以至于在家里都能搜到很多热点，那信号偶尔打架也是正常现象了。一般来说，无线路由器都是默认配置成自动模式的，在同一个频段内遇到比较强的信号就会跳频更换信道，但各位“不折腾不舒服斯基”肯定还是希望能手动调节。那我们难道需要专业仪器才能测试、配置么？其实OS X系统已经为我们准备好了工具，免费高效哦。

过去这个工具得给一层层链接才能找到，现在让我们打开WiFi，然后按住Option键的同时点击工具栏WiFi图标，是不是多出不少信息？这里会显示你当前连接的热点信息、信号强度、MAC地址等，也可以显示能搜索到的所有热点信息，注意最下面打开“无线诊断”。

点击之后，会提示你输入账号的密码，进入一个诊断程序的界面，别急着点继续哦。点击工具栏上窗口——实用工具（或者直接Command+2）。

阅读全文