设计理念微交互:那些让你微笑的细节2026-04-29 1分钟阅读#微交互 #UX #动画 #CSS +1幻梦的微交互设计——涟漪按钮、3D卡片、滚动进度条、点击反馈,以及为什么好的交互是让用户不知道它在那儿。阅读全文
技术分享Web字体加载策略:从Flash到Fancy2026-04-27 1分钟阅读#字体 #性能 #排版 #加载 +1幻梦的字体加载方案——Inter、Noto Sans SC、JetBrains Mono的加载策略、FOUT vs FOIT、font-display和本地字体 …阅读全文
技术分享CSS自定义属性:幻梦的动态色彩引擎2026-04-26 1分钟阅读#CSS #自定义属性 #变量 #色彩 +1深入幻梦的CSS自定义属性系统——如何用40多个变量管理双主题色彩、为什么用语义变量替代原始色值、以及运行时动态切换的实现。阅读全文
技术分享CSS自定义属性:幻梦的设计令牌系统2026-04-23 2分钟阅读#CSS #设计令牌 #变量 #主题 +1深入幻梦的CSS自定义属性体系——40+颜色变量、间距尺度、字体排版、阴影层级、过渡曲线,一套完整的设计令牌。阅读全文
技术分享6000行SCSS:一个单体样式表的设计哲学2026-04-23 2分钟阅读#SCSS #CSS #架构 #设计系统 +1幻梦主题的SCSS架构——为什么选择单体文件、CSS自定义属性的层级设计、设计Token系统和可维护性策略。阅读全文
设计理念卡片系统:幻梦的组件基石2026-04-17 1分钟阅读#组件 #卡片 #CSS #设计系统 +1幻梦主题的卡片组件系统——从文章卡片到技能卡片再到友链卡片,统一的玻璃态设计语言和可切换的布局模式。阅读全文
功能特性滚动动画与AOS:让页面活起来2026-04-13 1分钟阅读#动画 #AOS #滚动 #性能 +1幻梦使用AOS.js实现滚动动画——从初始化配置到自定义fallback,以及如何在不影响性能的前提下为页面添加层次感。阅读全文
设计理念玻璃态 UI:现代设计中的通透美学2026-04-10 1分钟阅读#CSS #设计 #毛玻璃 #Backdrop-Filter +1幻梦主题的玻璃态 UI 设计——为什么选择毛玻璃效果、技术实现细节、以及如何在性能和美观之间找到平衡。阅读全文
设计理念五级断点:幻梦的响应式设计策略2026-04-09 1分钟阅读#响应式 #CSS #断点 #移动端 +1幻梦主题的响应式设计——五级断点、移动优先策略、以及在不同屏幕上如何重新组织信息层次。阅读全文