Link: alastair.is/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content/
I have an incredibly boring summer hobby: looking at the changelog for the WebKit Github repo. Why? Because I spend a chunk of my professional life working with webviews inside mobile apps and I like to get an early peek into what's coming in the next version of iOS. Since Tim Cook has yet to stand up at WWDC and announce "one more thing... Service Worker support in WKWebView, provided you add the correct entry to the WKAppBoundDomains array in your Info.plist" (and you know what, he should) man
css
apple
liquid glass
Link: lyra.horse/blog/2025/08/you-dont-need-js/
An overview of what makes modern CSS so awesome.
css
Link: scroll-driven-animations.style/
A bunch of demos and tools to show off Scroll-driven Animations
css
animation
design
Link: moderncss.dev/12-modern-css-one-line-upgrades/
Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.
Auf sowas wie scrollbar-gutter
warte ich schon ewig.
css
Link: a.singlediv.com/
A CSS drawing experiment to see what’s possible with a single div.
css
design
Link: daverupert.com/2023/05/getting-started-view-transitions/
Spurred by last week’s ShopTalk I rolled out View Transitions here on my static Jekyll site. I hadn’t realized View Transitions for multi-page apps (MPAs) and static sites are ready for testing behind a flag in Chrome 113+. View Transitions for MPAs are a feature that’s high on my CSS wishlist, so I got to it. It took less than an hour to do, requires zero JavaScript, and two lines of CSS. I’m pleased with the results.
css
progressive-enhancement
transition
Link: jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/
If we're building things that we want to work in five or ten or even 20 years, we need to avoid dependencies and use the web with no layers in between.
web-components
javascript
css
Link: aaadaaam.com/notes/behavior-wrappers/
Something that’s been on my mind lately is the value of not encapsulating html, css, and javascript into singular components. Sometimes – if you value keepin...
web-components
css
javascript
Link: codepen.io/daviddarnes/pen/JjxmLpb?editors=0100
Button nach oben nur mit CSS.
css
scroll-top
Link: www.joshwcomeau.com/css/interactive-guide-to-grid/
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest ???? lightbulb moments I've had in my own learning journey.
css
grid
layout
Link: freefrontend.com/css-background-patterns/
Collection of hand-picked free HTML and CSS background pattern code examples from Codepen, GitHub and other resources. Update of May 2021 collection. 106 new items.
css
wallpaper
background