背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目标，并给出了最简洁的解法。

为啥就换Shadcn了，因为Shadcn太火了，不少大大小小的火出圈的ai项目，就是基于Shadcn搭建的，比如assistant-ui，为了与时俱进，与国际接轨

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

最近在网上逛，突然发现Element-plus官网的效果非常"fashion"。 顶部导航栏区域在页面滚动的时候，所有经过导航栏区域的内容都会变成像 "像素画" 一样，效果非常有意思。

今天来实现一个水球进度加载动画效果，整体是一个球形容器，球顶不断有水滴滴落，随着水滴滴落，底部水位不断上升，水面上涨的同时伴随着波动的动画。

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。 这是我专门分享代码技术，编程资讯，行业热点的公众号，欢迎关注。

在寻找最灵活的前端工作流程和工具包时，我们很容易忘记如今一些基础的网络技术已经变得多么强大。本文将带您领略新的前端特性及其功能。组件特定样式、基于子元素的父元素样式、相对颜色——网络平台正经历激动人心

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

WebGL实现soul星球效果 最近在研究webGL，觉得soul app的星球挺有意思的，于是就实现了一下，中间涉及的知识和知识点太多的，最后的还原度还是挺高的 soul原版 WebGL实现的 技术