css - Raoul Kramer - Web Application Developer

.avif .webp images css background usage progressive enhanced with image-set

Part 3 of my new image formats as background-image journey (part 1, part 2). Avif and webp images bring a positive impact on every webpage's payload performance. Today (March 16 2021) avif works only in chromium based browsers and webp have "partial support" in macOS safari, we cannot use one-for-all.

web performance optimization

avif and webp images as css background images

UPDATE: I was late at the image-set party, please read this blog post, how to support avif and webp images in your project.Safari is late at the webp party, whilst Firefox and chromium-based browsers heading to the avif party. This means I need to extend my webp feature detection

gdpr

follow up: wordpress webfont delivery via own domain

Yesterday (I started the draft of this post on may 13 2018, 12 days before GDPR got applicable in the EU) I wrote about how to deliver webfonts from your domain and noticed, that wordpress themes need insights on this topic too. Today (january 13 2020) I write about replacing

frontend

css dark-mode/light-mode - rethought

So, you read my last blog entry about "CSS, Dark-Mode and Custom Properties" and start to build for every website a light and a dark theme, to support your visitors. That's nice - and then you like your light theme more than the dark theme and your mobile phone switches

frontend

CSS, Dark-Mode and Custom Properties

The other day, I was reading about "dark mode" and about the prefers color scheme media query, and... how cool is that? Often a customer requirement is to support the IE 11 and than you put yourself under that ie11-rock to "play it safe". On private projects I used up

frontend

platform webfont

Thanks to "cssweekly" and their link to "30 Seconds of CSS" - I saved very much research myself. I do not like webfonts very much. I like eBay's Font Loading Strategy - your webapp user will not experience a flash of unstyled text (FOUT) or a

javascript

mobile optimised html5 background video handler

In April 2016 I was developing a website with heavy use of background videos. There were many sections, all with their own full-screen background video starting playback on viewport visibility and stopping it otherwise. At that time, iOS 9.3.1 did not support background videos at all and so