Der Schepp
Writing about front-end development
- Verified
- No WebSub updates.
- ● Valid.
Author: Christian "Schepp" Schaefer
I regularly attend UX Graz (Meetup / LinkedIn), a meetup covering diverse UX-related topics, alternating between in-person and remote events. At one recent event, a blind speaker demonstrated how they navigate websites (on LinkedIn). It wasn't my first time seeing someone bl...
Boost Website Speed with Prefetching and the Speculation Rules API
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 ...
Restore your Followings from Twitter/X in Bluesky
As we all know X, née Twitter, is turning more and more into a shitshow. Time to move on to other platforms! Sadly, the people I used to follow flock into all sorts of directions: be it LinkedIn, Mastodon, Bluesky or all of them. So here I am on Bluesky: @schepp.dev.
After h...
Chaining Declarations via Animation Composition
I just returned from this year's CSS Day in Amsterdam, and it was fantastic! Year after year, PPK and Krijn organize one of the best conferences you can wish for: The program is mind-blowing with the best of speakers coming from all over the world, and at the same time they ...
Running WebKit on Windows
Safari 5.1, back in 2010, was the last WebKit browser that somebody released for the Windows platform. Since then debugging things in WebKit came down to either buying a whole Mac or using a remote Safari in Browserstack.
Funnily enough, the WebKit team kept pumping out nigh...
Gradient Multiline Padded Text
For whatever reason a question from Dan Mall from 2018 popped up in my timeline where he was asking how to create multiline padded text with a consistent gradient background in CSS:
CSS superfriends! Have you seen examples of how to do multi-line padded text like this artic...
On leaving out the alt Attribute
As it seems I'm currently looking at my Twitter timeline way too often. Because this time it was a tweet from Šime Vidas that caught my attention:
Do I need alt text if there’s a visible image description?<figure> <img src="x.jpg" width="900" height="600" alt="">...
Fixing Smooth Scrolling & Page Search (updated!)
Yesterday, as I was browsing my Twitter timeline, a tweet from Chris Coyier popped up, in which he mentioned feedback he got for one of his CSS Tricks experiments. It went as follows:
Anecdotal thing: when I had this on @CSS, I had SO MANY reports of people annoyed that whe...
Today, the Trident Era Ends
When I was a child, I was always fascinated by stories about ancient civilizations. I devoured books about Atlantis, or the story of Heinrich Schliemann's discovery of Troy, stories about the Greek, the Romans, the Inca Empire, or Ancient Egypt. And I was always fascinated b...
A CSS-only Carousel
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. There it is:
Link to Codepen
Here are a few things to note: #
Accessibility is in line with all other CSS-only experiments: it can only be ...
Dealing with Ads in 2020
As you may know, I currently work for a news company in Germany, the Rheinische Post Mediengruppe. My task there is to concept and build the frontend for a bunch of news sites in the form of a white label framework. Sadly, but not surprisingly my client is still depending on...
CSS Masks – How To Use Masking In CSS Now
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.
Today I want to talk about another WebKit-only feature and show yo...
Effects for the Web!
In the late nineties CSS 2.1 brought us a basic set of good-enough tools to finally get table-free layouts en route. Then came CSS3 which started off by providing us with more creative tools to carve out the details. Today we finally have embeddeable fonts, rounded corners, ...