做前端的人一定遇到过这种需求：导航栏要半透明模糊，弹窗背景要磨砂玻璃，视频封面上的标题文字要有一层朦胧底色。以前这些效果都要靠设计师切图，或者用伪元素加一张模糊过的背景图凑出来。

很多企业官网、产品介绍页、H5 活动页都有一种效果：上下滑动时，页面一屏一屏切换，不会停在两屏中间。以前做这种效果，很多人会引入 fullpage.js。插件功能多，但文件也不小，配置还麻烦。

你有没有想过这样一个问题：<img> 标签在 HTML 里就是一个单独的标签，里面没有子元素，哪来的“溢出”？但你打开 DevTools 看一眼计算样式就会发现，浏览器默认给 img 挂了 overflow: clip。一个没有子元素的标签，裁什么？

2026年3月，三个CSS特性在所有主流浏览器里正式达标了。说实话我翻浏览器更新日志的时候才发现，这几个功能其实早就逐步实现了，只是现在才完全统一。

长期以来，前端开发中处理气泡弹窗定位、滚动联动动画以及瀑布流排版，几乎完全依赖第三方JavaScript库。从Popper.js（Floating UI）、Masonry.js到手动监听scroll事件计算坐标，开发者习惯性地将这些展示逻辑压在JS主线程上。

在前端工程里，开发一个看似简单的悬浮提示（Tooltip）或下拉菜单组件，打包出来的代码里到底包含了多少JS代码？很多前端开发者在回看旧项目时，都会被依赖项里那些用来处理定位的库折腾得头疼。

在设计网页时，我们经常碰到一个问题：背景颜色深，文字就看不清；背景颜色浅，文字又太刺眼。为了确保用户能舒服地阅读，我们得花不少时间去调颜色，还要用工具检查对比度够不够。这个过程不仅麻烦，还容易出错。

很多人觉得CSS就是写写颜色、调调边距。其实现在CSS已经很强大了，很多以前必须用JavaScript才能做的交互，现在纯CSS就能搞定。这篇文章整理了现代CSS里最实用的技巧

试着用原生的HTML5和浏览器API重新写了一遍。结果你猜怎么着？代码量直接少了八成。没有虚拟DOM，没有打包工具，没有node_modules那一大堆东西。而且跑得比原来还快。

现在很多人用AI写东西，默认都是用Markdown。它简单、好上手，连代码块都能正常显示。但随着AI能力变强，Markdown的一些问题也开始暴露出来。最大的问题是：内容一多就不好看。上百行Markdown读起来很累。

做前端开发，图片处理是最容易出问题的地方。很多人觉得图片不就是写个src就能显示吗？等上线以后才发现，页面加载慢、搜索抓不到、屏幕阅读器读不出来，甚至页面还会来回跳动。

布局与溢出：解决90%布局bug,做页面最头疼的就是布局错乱、文字溢出，这几个属性直接封神，少走很多弯路。很多交互bug（点击穿透、文字被选中、移动端延迟），其实一个CSS属性就能解决，不用写多余JS。