Life Spectator 生活的旁观者

CodePen 是优秀前端动效设计作品的集中地，这里就如同是程序猿版本的 Dribbble，你可以自由地翻阅和借鉴优秀作品，发掘好的代码甚至设计的前沿。和此前一样，我精选了 6 个优秀的作品，其中有一些运用到了 three.js 和 WebGL 技术用于绘制 3D 图形，值得学习。

---

Only CSS: Rolling Box

前段时间趁着表弟的爸妈来悉尼玩，陪他们一家去了位于悉尼南约 100 公里的卧龙岗市（Wollongong）附近的南天寺（Nan Tien Temple），美其名曰「参佛」，顺便尝尝斋饭。表弟的爸妈有修佛的习惯，早年和他们去过一趟泰国的清迈，也陪着逛了不少当地大大小小的寺庙。南天寺号称南半球最大的寺庙，1992 年动工，1995 年竣工。占地 55 英亩，建筑面积达 11000 平方米。其中的大雄宝殿、大悲殿和灵山塔等建筑都是中国宫殿式造型，外观给人一种雄伟壮丽的感觉，走入殿内，供奉的佛像和堆砌的佛牌也额外显得金碧辉煌。去时的季节正为夏末，天气舒适宜人，当天前来的游客和信徒众多，而寺院的内外均绿树环绕、加上毗邻大海，景色格外秀丽。我虽没有真正的参佛之心，不过也跟着他们燃香行礼，对着佛祖悄悄地述说心中的祈愿。中午吃过斋饭，我们一群人继续南下，到达 Kiama 的一个观景点看喷水洞（Blowhole Point），旁边还有座白色的灯塔，不知到了晚上会否发出光芒，照亮远方。

2018 年 3 月 27 日，也就是昨天，我们看到了来自 Apple、小米和华为召开的 3 场发布会，他们各自都带来了不少新品。其中，Apple 仅带来了一款新硬件「The New iPad 2018」，即支持 Apple Pencil 的新款入门级 iPad，之前多家媒体传闻的新款 MacBook 和 MacBook Pro 系列没有出现在发布会中，颇令我失望（我是真的很想换掉手中的15寸 MBP Retina Late 2013）。当然，小米和华为也展开了对 Apple 的夹击攻势。小米发布会上的 3 款产品，有不到半年就更新的旗舰机型 MIX 2S、新的电竞游戏本，以及小爱音响 Mini（对这个毫无兴趣），而华为发布会的主角自然是 P20 和 P20 Pro 系列手机了。

2018 冬季播出的日剧已陆续接近尾声，在这一季里，个人最喜欢的有 2 部：「Unnatural アンナチュラル」与「总觉得邻家更幸福 隣の家族は青く見える」。第一部「Unnatural」是以法医作为女主角三澄美琴（石原里美饰）的职业背景，围绕着一个个“非正常”死亡事件展开的故事。此剧虽然是法医题材，然而并没有什么血腥的场景，也不需要传统的恋爱桥段，配合日剧常见的揭露社会热点发人深省的一贯特点，无形中深深地吸引了我。不得不提的是，本剧的主题曲，由米津玄師演唱的「Lemon」非常非常好听，每集片尾配上这段音乐，感人至深、泪流满面。第二部「总觉得邻家更幸福 」是一部家庭剧，故事的内容就如同标题想要表达的那样，每个看起来幸福美满的家庭，而背后，家家都有本难念的经。在这部剧中，4 个家庭 4 种不一样的经历和故事，会让很多人有很强的代入感，从而产生共鸣。

其实从好几年之前整个互联网就开始将 WEB 服务从 HTTP 迁移到 HTTPS，而现在为了更快的推进 HTTPS 的普及，Chrome 将从 2018 年 7 月起标记所有的 HTTP 网站为不安全链接。从这一点来说，我是支持的，HTTPS 会逐渐成为 WEB 服务的标配，最最重要的是，它能给用户带来更安全、更好隐私保护的网络体验。具体来说，防止网站数据在网络传输中被窃听和篡改。一个典型的例子就是国内的宽带运营商劫持，强行在用户访问网站的时候嵌入广告、修改页面、甚至强行跳转。而一些 HTML5 API 可以用来获取用户地理位置、摄像头音视频等隐私数据。尽管网站在使用这些权限前需要获得用户授权，但由于 HTTP 很容易被劫持，通过 HTTP 传输这些隐私数据将会十分危险。因此，我建议大家尽早升级，现在通过 Let’s Encrypt 获取免费证书很容易，虽然证书只有 90 天有效期，只需要一个简单的脚本就能自动更新。

这篇文章主要记录自己的博客站以及运行在 VPS 上的 Angular 5 Web App 启用 HTTPS 的过程和一些经验，分享给大家。

在中国农历春节期间，悉尼市政府为庆祝狗年春节，举办了不少活动，其中一项就是从悉尼歌剧院（Opera House）到达维斯角（Dawes Point）的悉尼港沿岸挂出的象征 12 生肖的大型彩灯。代表着狗的生肖灯取名为“瑞狗迎春”，作者是澳籍华裔艺术家宋陵，他说自己的创作源于中国传统花灯形象。我自然也不会错过这次展览，选了个周末，下午在市区闲逛，晚饭后就向着悉尼港出发，在悉尼感受下春节的氛围。沿着海港走一圈，就能找到造型各异的十二生肖，而特意前来观赏的人也很多，热闹无比。

如今较为常见的视频封装格式有 mp4 和 mkv 等， 内部的视频编码格式从前几年盛行的 H.264/x264 逐渐开始向新一代的 HEVC/x265（High Efficiency Video Coding 高效视频编码）过渡，而常见的音频编码格式无非 AC3、DTS 或者 AAC 等。无论是借助带有 GUI 的编码软件，还是使用命令行，FFmpeg 是最为广泛使用的工具，理论上 FFmpeg 支持各个平台，包括 Windows、macOS、iOS 以及 Android 等，这里只介绍在 macOS 下的使用。通过简单的命令，你可以大致了解 FFmpeg 在视频转换上的强大之处，视频编码部分也集中在 x264、x265，以及如何压制 macOS High Sierra 和 iOS 11 可以正确识别并生成缩略图的 HEVC 10bit 视频。文章最后，也会用一个较为复杂的例子，应用 -filter_complex 进行视频帧率的插值运算、嵌入 pgs 图形字幕，以及最后输出 HEVC 编码进行说明。

Angular 是基于 TypeScript 的 Javascript 框架，由 Google 进行开发和维护，并且需要说明的是，它与 AngularJS（旧版本）不兼容，而这次开发的碰到的许多问题，搜索 Angular 相关的内容，绝大多数都是基于 AngularJS 这一旧版本的，可见当时受欢迎的程度。随着这几年前端框架的流行和发展，逐渐形成了目前的三分天下之势，Angular、Vue 和 React，后两者分别由 Facebook 和 Google 前员工 Evan You 开发和维护。我自己出于学习一种前端框架的目的，选择 Angular 这一成熟的框架，开发了一个展示数字加密货币（Cryptocurrency）的 Web App，欢迎浏览 https://crypto.kris2d.info 进行查看。