Raoul Kramer - Web Application Developer
  • github
  • npmjs
  • Imprint / Privacy

javascript

A collection of 13 posts

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@

  • Raoul Kramer
    Raoul Kramer
9 min read
web performance optimization

avif and webp images as css background images

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 script to look for avif support

  • Raoul Kramer
    Raoul Kramer
3 min read
strapi.io

deliver images via strapi custom route and koa.js context object

In my strapi powered band website journey I created a Song collection type to store mp3 files and some of their meta data (title, artist, duration...). Most of the mp3s include a cover

  • Raoul Kramer
    Raoul Kramer
5 min read
vue.js

vue.js, axios, interceptors and toast-notifications

I usually use axios when it comes to Asynchronous JavaScript and XML (ajax) or more modern Asynchronous JavaScript and JSON (ajaj). I like that axios runs in the browser and in node.js,

  • Raoul Kramer
    Raoul Kramer
4 min read
vue.js

vue.js router pagination

One downside of browser rendered frontend frameworks is the temptation to hide structure or logic from your visitor. Your App might have a store, or component/route based data and produces on this

  • Raoul Kramer
    Raoul Kramer
3 min read
nuxt.js

nuxt.js static page generator with dynamic pages

With Nuxt.js you have the choice - will you deliver server side rendered pages over a node.js infrastructure, will you take the single page application approach like a Vue.js app

  • Raoul Kramer
    Raoul Kramer
3 min read
jest

unit testing cookie or localstorage code with jest

Imagine - you enter a website and first thing you see is a cookie banner telling you the website is heavily built on cookies and is not able to run without it and

  • Raoul Kramer
    Raoul Kramer
2 min read
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 -

  • Raoul Kramer
    Raoul Kramer
5 min read
web performance optimization

LazyScripts v0.3.x released

LazyScripts 0.3.x released - with MutationObserver support

  • Raoul Kramer
    Raoul Kramer
1 min read
web performance optimization

Lazy Load JavaScript[s]

my idea of lazy loading javascript files - like you already do with images and iframes…

  • Raoul Kramer
    Raoul Kramer
4 min read
frontend

WebP image and background usage in web projects

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

  • Raoul Kramer
    Raoul Kramer
2 min read
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

  • Raoul Kramer
    Raoul Kramer
2 min read
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

  • Raoul Kramer
    Raoul Kramer
4 min read
Raoul Kramer - Web Application Developer © 2021
Latest Posts Twitter Casperion Ghost Theme