CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects.

CodePen

The liquid glass design trend is gaining popularity among developers, with CSS implementations using backdrop-filter blur effects to create frosted glass appearances. While visually appealing and demonstrated by Apple in their recent designs, this trend raises accessibility concerns due to poor text contrast ratios. The effect has been around for years but is experiencing renewed interest, with developers creating various implementations and tutorials.

Chris’ Corner: Liquid Ass – CodePen

Windows Vista vibes. Wow, when Apple presents something that is ALWAYS a copy of something used many years ago, every fanboy goes “whoah” as if it were some kind of a groundbreaking thing, never seen before. Actually, I kind of dredge over accessibility here and performance. On the other hand, if glass visuals is the most anticipated feature of new iOS, I think people are just dumb to keep on buying new Apple devices.

Liquid glass design is very odd for contrasts I don’t get it how they found this a good idea to do this.

Yeah exactly what I was thinking. It can look kind of cool if done right, BUT it does not look very accessible at all ☹️
Guess I’ll leave that to someone smarter than me to figure out 😅