Kris2D 博客小站

Life Spectator 生活的旁观者


  • 首页

  • 程序猿

  • 好玩

  • 碎碎念

  • 归档

  • 搜索

5个前端动效实例分享(04/2018)

发表于 2018-04-20 | 分类于 程序猿

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


Only CSS: Rolling Box

阅读全文 »

没有胶卷的随拍 - 南天寺和凯马喷水洞

发表于 2018-04-10 | 分类于 碎碎念

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

阅读全文 »

对 iPad 2018、小米 MIX 2S 和游戏本、华为 P20 的一些看法

发表于 2018-03-28 | 分类于 碎碎念

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 系列手机了。

apple-xiaomi-huawei-logos

阅读全文 »

一起追剧 - 「Unnatural」与「总觉得邻家更幸福」

发表于 2018-03-19 | 分类于 碎碎念

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

Unnatural & 总觉得邻家更幸福

阅读全文 »

全站启用 HTTPS,Nginx 反向代理部署 Angular 5 Web App

发表于 2018-03-17 | 分类于 程序猿

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

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

https-cover

阅读全文 »

没有胶卷的随拍 - 2018 悉尼中国新年灯会展

发表于 2018-02-26 | 分类于 碎碎念

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

red-lanterns

阅读全文 »

macOS 下 FFmpeg 视频转码入门及进阶使用教程

发表于 2018-02-24 | 分类于 程序猿

如今较为常见的视频封装格式有 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 5 开发的加密数字货币实时行情 Web App

发表于 2018-02-14 | 分类于 程序猿

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

阅读全文 »
12…4
Kris

Kris

28 日志
3 分类
109 标签
GitHub
© 2017 - 2018 Kris
由 Hexo 强力驱动