Everybody loves fast websites, and everyone despises slow ones even more. Site speed significantly contributes to the overall user experience (UX), determining whether it feels positive or negative. To ensure the fastest possible page load times, it’s crucial to design with performance in mind. However, performance optimization is an art form in itself. While implementing straightforward techniques like file compression or proper cache headers is relatively easy, achieving deeper optimizati...| Der Schepp
Discover how to enhance accessibility and improve find-in-page search functionality using hidden="until-found" for icon-only buttons and hidden text labels.| schepp.dev
How to use the new filter-properties for CSS3 and combine them with methods implemented by most modern browsers.| schepp.dev
Almost one year ago I wrote an article that dealt with an emerging WebKit CSS technique, the CSS filter effects, and the question if we could not have/emulate them in other browsers, too. Turned out we could.| schepp.dev
I've recently read about and discussed CSS Scroll Snapping so often that I felt like I should build a CSS-only carousel based on it.| schepp.dev
About the rise and fall of Microsoft's take on the web.| schepp.dev
Native smooth scrolling is one more example of standards paving the cow path by declaring a wide-spread practice officially a thing: being able to smoothly scroll the viewport to another part of a page without the user losing their orientation. As good at it is, though, it also has an undesired side effect on the browser's built-in page search. This posts shows what the problem is and how to solve it.| schepp.dev
If there is one thing everybody knows about accessibility, then it is the fact that you should always have an `alt` attribute on your element. And that leaving it out also results in a HTML validation error. Interestingly, the latter is only partially true.| schepp.dev
How to achieve multiline padded text with a gradient as background in CSS.| schepp.dev
How to test your site on WebKit (Safari) without buying a Mac.| schepp.dev
How to chain CSS declarations non-destructively| schepp.dev
How to easily re-build your Twitter/X feed in BlueSky| schepp.dev
It's almost 2020 but ads are still not responsive, they still block the natural render flow, they trigger z-index wars and on top of that some of them steal your secrets. This is about how to deal with them without losing your sanity.| schepp.dev