With Firefox 65 joining the WebP party and thanks to the incredible squoosh app, WebP becomes more than just a lighthouse proposal. So it is time to figure out how to use WebP in every web project.Using WebP for <img>s in your project is possible by…
Today I updated my ghost installation from 1.24.7 to 2.1.1. Since ghost version 1.x I updated every minor version by downloading the newest alpine ghost docker image, configuring volume mapping to the existing ghost path, starting the container and switching docker proxy rules for my…
It took a while and it is not perfect. But for some time now, this blog is running an up-to-date Ghost version on my plesk vServer, with one hassle*… *more at the bottom - please read the last chapter before following all instructions! At the time I wrote this post,…
Webfonts may be the last tweak for your user experience (UX). And if you look around, chances your blog theme uses a webfont from a third party are very high. In this post, I do not talk about webfont perfomance, flash of unstyled text or something like this. No, this…
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…
One windows 10 feature, the ability to run a native linux shell in windows, made me curious. I usually use ubuntu as working desktop, but sometimes I am on a windows desktop, doing some web development and wish to have a linux shell at my fingertips without rebooting or virtualboxing.…
Every once in awhile I see code that debounces expensive events like resize or scroll: someTimeout = window.setTimeout(debounceScroll, 10); and I wonder about the magic numbers, developers choose. magic numbers In the example the dev thinks 10 milliseconds is a good time to debounce this event. The whole code…
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…
When you add an event handler, do you delegate it? Thanks to jQuery, I do. jQuery 1.3 shipped a function called .live() with which you could add event handlers for elements, that are in your DOM and/or may appear later - and I am talking about January 2009!…
I am building the new i22 company website utilizing enduro.js cms. For the last 5 or more years, I probably would have taken contao for this job - at i22 we use contao for some projects and it is always fun to work with it. But with our company…