Blog 博客

商业 + 设计 + 科技，思考、发现与学习，为更美好的 web。

Design and development notes, tutorial, experimental stuff, thoughts, etc.

• ffmpeg 将 mp4 视频转换为 webp 格式动图

  01 Jun, 2020

  ffmpeg 是十分强大的视频录制及格式转换的命令行工具，使用 ffmpeg 可以实现高度自定义的格式转换。本文将以 mp4 格式为例，介绍将视频转换为 webp 动图格式的方法。 Use ffmpeg command line tool to convert video into animated WebP file. Use MP4 as an example.

  WebPconvertervideoFront-end development

• Use OTF instead of TTF - custom font anti-aliasing for Android

  19 May, 2020

  What to do when a custom font works well on iOS while the font are blurry and aliasing on Android? It could just because you used .ttf. Try font in OTF format could make you relief.

  Front-end development字体fontsReact NativeAndroid

• React Native App 自定义字体在安卓系统中的行高问题解决

  16 May, 2020

  React Native App 遇到了自定义字体在iOS系统中显示正常，但在Android系统中行高异常的问题，这里找到了一种解决行高不一致问题的方法。

  Front-end development字体fontsReact Native

• Computational Design - 当今最重要的设计?

  25 Apr, 2020

  最近越来越经常看到 Computational Design 一词。读到 John Maeda 在 QUARZ 上关于当代最重要的设计类型的观点文章，整理其中的概念及观点一二。

  Computational design设计教育

• Be open, and open again

  04 Apr, 2020

  保持开放的心态，去尝试可能为工作流和交付成果带来质变的方式和方法吧。你第一眼、第二眼感觉的那些不方便和不好用也需并不是真正的问题，只是不习惯罢了。

  Front-end developmentUX 体验设计UI 界面设计

• 2019 我付费的互联网产品

  10 Jan, 2020

  2019至2020年度我付费的应用及服务总结，主要涉及效率工具、密码管理、IDE等

  UX 体验设计互联网产品App

• 100 Front-end Performance and a checklist

  08 Jan, 2020

  It is a fabulous score when I ran Chrome LightHouse Audit to measure this website performance which has been reconstructed with Gatsby.js.

  Front-endPerformanceGatsby.js

• Lean Canvas 精益画布 in CSS Grid

  06 Jan, 2020

  Created a lean canvas in HTML and CSS Grid for responsive full screen canvas view for lean startup business planning.

  PlaygroundCSSStartupLean精益