web performance - Raoul Kramer - Web Application Developer

build a SvelteKit/strapi website

It is spring 2021 and somehow SvelteKit got released in an early stage. I am really thrilled about the next version of svelte/sapper because in the last months my excitement about Svelte/Sapper only got bigger. Today (or yesterday) the SvelteKit docs got public and even SvelteKit is in

strapi.io

build a sapper/strapi website

Rich Harris stalled sapper development on his talk at the svelte summit 2020 and the svelte@next thing looks really promising. In fact I tried directly to move a sapper page to svelte@next and it seems, that - for now - it is a little early for that.UPDATE

web performance optimization

LazyScripts v0.3.x released

LazyScripts 0.3.x released - with MutationObserver support

frontend

WebP image and background usage in web projects

UPDATE: I was late at the image-set party, please read this blog post, how to support avif and webp images in your project.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

frontend

deliver webfonts from your domain

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

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

js

jquery event delegation in plain js

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!