8年前端与可视化经验
120+页面与组件交付
46篇公开笔记与拆解
3款长期维护的小工具
近期条目
- 用 CSS 渐变画一张不需要图片的封面 设计 / CSS
- 看板配色:三色以内的克制方案 可视化 / 配色
- 离线优先的单页站点如何组织资源 工程 / 性能
- 把长表格塞进手机屏幕的几种做法 响应式 / 布局
- 可访问性自查清单:从对比度开始 可访问性
关于我
雪碧酱,独立开发者,常驻上海。日常围绕网页前端与数据可视化展开,把散落的表格、指标和流程整理成一眼能读懂的界面。
我不追求堆砌特效,更在意信息层级是否清楚、色彩是否克制、在低配设备上是否依然流畅。业余时间写笔记、做小工具、整理素材标签,顺手把踩过的坑记下来。
我在做什么
- 为中小团队搭建轻量看板,图表用内联 SVG 与 CSS 渐变绘制,不引入任何外部资源,断网也能正常打开。
- 维护几款自用工具:批量处理文本、校对中英文混排的间距、按规则给素材自动打标签。
- 持续更新笔记,把排版规范、性能优化与可访问性方面的心得写成可执行的步骤,尽量给出具体数值而不是空泛说法。
常用手法
布局以网格为主,先用 Grid 定骨架,再让内容自然撑开,避免层层嵌套的容器。配色控制在三种以内,主色负责结构,辅色只用来说明状态。
动效走轻量路线:进场用位移加淡入,时长控制在 0.6 秒上下,并遵循系统的减弱动效偏好;即使脚本没有执行,内容也必须完整可读。
合作与联系
接受小规模的界面重构与看板搭建委托,也欢迎就配色、排版与性能话题交流。本站归属可通过页面底部的备案号核验。
来信请发 hello@nicole.xin,通常三个工作日内回复。
hello@nicole.xin