PORTFOLIO / DIGITAL GARDEN

开发 & 探索

用代码把想法变成现实,用文字记录开发的日常。这里有我的网站作品、开源实验,以及慢慢生长的知识花园。

COLLECTION让知识,在连接中生长

整理开发笔记与学习路径

↗
SELECTED WORKS一些值得打开的网站作品

独立开发与有趣的交互实验

↗
OPEN SOURCE把好用的东西分享出来

浏览器工具 / 源码 / 界面组件

↗
RECENT EXPLORATIONS保持好奇,持续创造
— WEBSITE —(001)
Orbit · 个人作品集的设计封面

从想法到像素,一次关于个人网站的设计与开发探索。

网站设计 / 交互开发
— OPEN SOURCE —(002)
Prism · 渐变配色工具的设计封面

调一调颜色,让脑海里的氛围落在屏幕上。

CSS / 创意工具
— OPEN SOURCE —(003)
Focus · 极简待办清单的设计封面

一个只关心当下的小工具,把注意力还给重要的事。

JavaScript / Local First
— NOTE —(009)
CSS 动效手册的设计封面

缓动、变换与可访问性。

界面工程
— NOTE —(010)
设计变量与组件的设计封面

从颜色到一套一致的界面语言。

界面工程
— NOTE —(011)
Git 工作流清单的设计封面

分支、提交与发布前检查。

开发工具
— NOTE —(013)
布局与空间的设计封面

Grid、Flex 与响应式布局。

前端基础
— NOTE —(014)
页面性能笔记的设计封面

字体、图片与渲染的基本取舍。

前端基础
12 个最近更新更多思考与记录
✳
JUST FOR THE FUN OF IT

不如,动手玩一玩。

调配一组颜色,感受一种缓动,完成一件小事。

输入关键词,直接前往内容ESC 关闭