5 分钟阅读
如何用 CSS Grid 做出稳定的博客卡片布局
从容器宽度、列数变化和内容高度三个维度处理响应式布局,让你的卡片在任何设备上都完美呈现。
Blog
记录前端学习过程中的思考、实践和复盘,整理成有价值的技术文章。
从容器宽度、列数变化和内容高度三个维度处理响应式布局,让你的卡片在任何设备上都完美呈现。
菜单、滚动显现和表单反馈足够让页面更完整,不必过度复杂。学习如何用最少的代码实现最佳体验。
先看结构,再看视觉,最后检查移动端和可访问性。建立系统化的检查流程,提升作品质量。
稳定的空间秩序,会让页面自然显得高级。深入理解间距系统,打造专业的视觉层次。
告别昂贵的 scroll 事件监听,用现代 API 实现高性能的元素显现动画。
分析 Apple 官网的排版、间距和视觉层次,学习如何用最少的元素传达最强的信息。
回顾从前端小白到能独立完成页面的三个月历程,分享学习方法和踩坑经验。
用 CSS 变量统一管理颜色、间距和字体,让主题切换和样式维护变得简单。