获得徽章 0
赞了这篇文章
使用 Sketch App 等软件设计的图标图片，怎样以干净简短的 SVG code 嵌入 HTML 中直接使用来达至最佳性能和样式的灵活性？可以用 ImageOptim.app: 
www.millielin.com
www.millielin.com 评论
点赞
远程 Workshop 怎么搞？ 在 Medium 上读到 UX Collectives 专栏下 Krista Siniscarco 写的关于 Facilitating remote workshops 远程工作坊引导的文章，对于远程办公环境下需要跨区域协作的工作坊引导者来说是很好的经验和指导，希望在未来的实践中能少走弯路。
评论
点赞
赞了这篇文章
JetBrains 发布了一款面向开发者的免费开源字体JetBrains Mono，现已开放下载：www.jetbrains.comJetBrains? ~对，就是 VS Code 的竞争对手，出了 InteliJ, PyCharm, ReSharp IDEs ... 的那家公司
展开
13
19
赞了这篇文章
由于 Netlify CMS 整合 Nuxt 时遇到的各种 bug 各种坑，最终决定将个人网站用 Gatsby 重写。 终于，2020年的第一天和第二天，终于搞定。
日志的部分也直接用gatsby 的 markdown 插件，结合GraphQL载入，并添加加了分页导航和tags。唯独单标签所属文章列表的导航折腾了半天总是报错，只好未来再加。
网站的部分内容和导航项目也顺手调整了一下。
。。。是时候去吃今天的午饭了。。。
日志的部分也直接用gatsby 的 markdown 插件，结合GraphQL载入，并添加加了分页导航和tags。唯独单标签所属文章列表的导航折腾了半天总是报错，只好未来再加。
网站的部分内容和导航项目也顺手调整了一下。
。。。是时候去吃今天的午饭了。。。
展开
评论
点赞
折腾了一天，用 Netlify CMS 给 Nuxt 的网站加了博客内容管理系统，CMS的基本整合与实现很容易，结合 Netlify Git Gateway 的功能，CMS 里的每一次保存都是一次 commit 及触发自动部署。
有几个坑：
- 若内容的format 设为 JSON，文章内容编辑器用 markdown，则若markdown 中需要嵌入 HTML 代码，则无法实现
- 可通过 Netlify CMS 上传图片，但需要记得在 static 目录中预先创建和 yaml 文件里配置一致的文件夹，否则图片上传功能不可用。
- Netlify CMS 输出的内容默认按时间升序排列；若需按时间降序排列，则需要自己在 async 之后用 sort 的方法改变排列方式。
- 分页功能更是没有了，若需要得自己写。
www.netlifycms.org
应用了 Netlify CMS 的博客页面：www.millielin.com
配图是 Admin UI 截图
有几个坑：
- 若内容的format 设为 JSON，文章内容编辑器用 markdown，则若markdown 中需要嵌入 HTML 代码，则无法实现
- 可通过 Netlify CMS 上传图片，但需要记得在 static 目录中预先创建和 yaml 文件里配置一致的文件夹，否则图片上传功能不可用。
- Netlify CMS 输出的内容默认按时间升序排列；若需按时间降序排列，则需要自己在 async 之后用 sort 的方法改变排列方式。
- 分页功能更是没有了，若需要得自己写。
www.netlifycms.org应用了 Netlify CMS 的博客页面：
www.millielin.com配图是 Admin UI 截图
展开
5
5
赞了这篇文章
将香港政府数据集的学校位置及资料csv转为geojson，用 Mapbox GL JS 及 react 简单加载了出来，部署到了 Netlify 上：hk-schools-map.millielin.com
想进一步用 mapbox marker 的方法加载每个坐标，但是本地的 geojson 文件似乎无法被正常读取。
hk-schools-map.millielin.com想进一步用 mapbox marker 的方法加载每个坐标，但是本地的 geojson 文件似乎无法被正常读取。
展开
评论
点赞
"Refactoring UI" 是最近读到的很有亮点的一本书。虽说书是教UI（用户界面）重构的，没想到作者是两名程序员。
书中用清晰浅显的案例对比图，涵盖了主要的可用性规则及最基本的界面设计常识和优化方法，关键是这些点通过这种对比实例的方式呈现出来很容易被识别记忆及应用到其网站的设计评审及自己的项目中。
可以于 Scribd上预览www.scribd.com
或
去官网付费电子版：refactoringui.com
Youtube 上有几段视频教程也很不错。
书中用清晰浅显的案例对比图，涵盖了主要的可用性规则及最基本的界面设计常识和优化方法，关键是这些点通过这种对比实例的方式呈现出来很容易被识别记忆及应用到其网站的设计评审及自己的项目中。
可以于 Scribd上预览
www.scribd.com或
去官网付费电子版：
refactoringui.com Youtube 上有几段视频教程也很不错。
展开
2
11