2018年10月7日星期日

把我的个人网站推倒重来（Part 4 - Responsive Image）

›
网站整体完成后，我就可以开始做各种小优化了。其中一个优化是使用 responsive image 来适应不同分辨率和不同像素密度的屏幕，用到的是 <img /> 新增的 srcset 和 sizes 属性以及新增的 <picture /> 元素。因...
2018年9月23日星期日

把我的个人网站推倒重来（Part 3 - 用 Netlify 做静态网站发布）

›
之前两篇文章讲述了我用 Harp 和 Bootstrap 搭建新版个人网站的过程，执行 harp compile 进行构建，输出的 www 目录就是我们想要的静态网站。我可以找个传统的静态网站 host，然后通过 FTP 这种古老的方式把文件上传上去。然而这真是我在第一篇文章...
2018年9月3日星期一

把我的个人网站推倒重来（Part 2 - 用 Bootstrap 做移动网页）

›
配置好 Harp 做静态网站构建后，就可以开始做网页了。上一个版本的个人网站样式是我自己设计的，当年用的还是 Macromedia/Adobe Fireworks，做出来一个 PNG 文件然后导出为不同的小图片。这次我也有考虑过要不要自己重新设计一个新的样式，但考虑到新设计不如解...
2018年8月31日星期五

把我的个人网站推倒重来（Part 1 - 用 Harp 做模板引擎）

›
根据模板和数据生成静态网站的框架有很多，例如说 Harp 、 Jekyll 、 Hugo 等等。我对比了一下，最终选择了用 Harp，因为它是用 JavaScript 写的，如果我真的需要做什么改动我可以轻易地去改它的源代码。用 Harp 的坏处也很明显，这个项目在 GitHu...
2018年8月24日星期五

把我的个人网站推倒重来（Part 0 - 历史背景）

›
我的个人网站最初是架设在 catchen.biz 上面的，当时还在大学里，只是想做个网站存放简历和作品，方便找工作。那个时候我还自己设计了这个网站的模板，然后用上了时下最流行的 XHTML + CSS + JavaScript 来实现这个模板。每个页面顶部都有一行在 HTML5...
2018年8月21日星期二

《The Dictator's Handbook》摘要

›
这次试试新玩法：在读数过程中把想到的直接发往 Twitter，然后再把所有的 tweets 加到一个 moment 里面，最后把 moment 嵌入到博客当中。这次读的书是《 The Dictator’s Handbook: Why Bad Behavior is Almost ...
2018年7月21日星期六

Sonos One：满足但折中你的每一个愿望

›
我家里在饭厅和厨房之间放了一个老一代的 Echo，然后在我床头柜上放了一个 Echo Show 。因为老一代的 Echo 感觉「听力下降」，整天喊它开电视关灯之类的都听不到，所以就想把它替换掉。正好前几天 Amazon Prime Day， Sonos One 打折到 $1...
2018年7月1日星期日

Heroku + Node.js + HTTPS

›
昨天把 biz-to-me 升级到支持 HTTPS 了，为此研究了一下如何让 Heroku 上跑的 Node.js 应用支持 HTTPS。我发现并没有任何文章描述这个具体的流程，只有零碎的信息，所以在此记录一下。 首先，Heroku 应用要支持 HTTPS 必须要是付费的等...
2018年6月15日星期五

iOS Workflow 分享 - Create QR Code

›
上次我分享了一个 Scan QR Code 的 Workflow，这次我分享一个正好相反的。如果我要分享一个 URL（或者是一段非常短的文本）给别人，我就可以用这个 Workflow 来生成 QR Code 图片然后发送给别人。 如果你还没有安装 Workflow ，你...
2018年6月11日星期一

猜想：为什么 QR Code 在中日韩如此流行

›
为什么 QR Code 在中日韩的流行程度比在欧美地区高得多？我觉得要理解这个问题必须先理解 QR Code 本身解决的是什么问题。 难题 1：输入法 我觉得 QR Code 解决的第一个大问题源自中日韩对输入法的依赖。假设你刚刚认识了新的朋友，要加对方微信或 Faceb...
2018年6月10日星期日

iOS Workflow 分享 - Scan QR Code

›
很多时候我们无意识地用微信扫描一个 QR Code，然后无论打开的是什么我们用就是了。我经常会好奇到底 QR Code 编码的是什么信息，到底是一个 ID 呢，还是一个 URL（可能是 deeplink）呢，还是一个 JSON 呢。所以我做了这个简单的 Workflow，先把...

邀请链接（referral links）

›
中场休息，广告时间。以下是一些我的 referral links，如果你使用它们注册对应服务的话，那么你和我都能获得到一些好处。我会为每项服务做简单介绍，是否合适你还是要靠你自己去搜索别人的测评。 Wealthfront Wealthfront 是一个 robo advi...
2018年6月2日星期六

iOS Workflow 分享 - Debug Action

›
有时候我们想要知道别人的 app 在调用 Share Extension 时提供了什么类型的数据以及具体数据是什么，我们可以自己在 Xcode 里面写个 app 去接收别人 app 的数据，但我们也可以用 Workflow 内置的「View Content Graph」来展示...
2018年5月14日星期一

飞利浦 Hue 智能照明系统开发（Part 1 - API 入门）

›
我家里有超过 10 个的 飞利浦 Hue 智能灯泡 ，我通常使用 Amazon Echo 和 iOS HomeKit 控制它们，例如说睡觉时对着 Echo 喊「Alexa, turn off bedroom.」，或者在 iPhone 上通过 Control Center 迅速...
2018年4月28日星期六

用 Raspberry Pi 架设加密 DNS 客户端

›
最近 Cloudflare 宣布 使用 1.1.1.1 作为 DNS ，并且强调隐私保护。由于 Cloudflare DNS 支持 DNS-over-TLS 和 DNS-over-HTTPS，这使得加密 DNS 成为了 热门话题 。 因为操作系统往往不支持加密 DNS，所...
2018年4月27日星期五

网上吵架原则

›
在网上跟别人 吵架 辩论时，我有两条原则： 不能在三个回合内结束的架不吵。 如果一件事情不能在三个回合内说清楚，那就是自己没搞清楚，不要浪费时间去跟别人吵。 拥有不能公开的信息时不跟别人吵架。 如果一件事情自己觉得能够说清楚，但有部份信息不能够公开，那肯定说服不了别人，说...
2018年4月22日星期日

如何把 Blogger 文章导入到 Facebook Instant Article

›
如果你跟我一样还在用 Blogger 这么远古的工具来写博客，同时又想追赶一下 Facebook Instant Article 的潮流，那你可以跟着我这篇文章做一遍来把 Blogger 的文章导入到 Instant Article。 启用 Instant Article...
2018年4月15日星期日

移动网页的 iPhone X 适配

›
一个月前我在 iPhone X 的 Mobile Safari 中打开 Instagram web ，发现页面底下的导航栏跟 iPhone 的 home indicator 重叠在一起不方便使用。我想既然 Apple 为 iPhone X 专门更新的 Human Interf...
2018年3月9日星期五

Buy Me a Coffee

›
最近开了一个 Buy Me a Coffee 的页面，让大家帮我买咖啡。如果你想买一杯咖啡给我，你可以打开 chen.cat/buy-coffee 然后付 $5 给我，这正好够我去 Saint Frank Coffee 买一杯 Nitro Float。（如果你想买多几杯的话也可...

手机无线充电真的更方便吗？

›
之前一直在纠结要不要买个手机无线充电器来给 iPhone X 充电，因为 $60 买一个第一代产品总觉得有点浪费，而且还不是 Apple 自己的产品。（Apple 自己的...