Raoul Kramer - Web Application Developer

🧡 web, 🧡 javascript, 🧡 css, 🧡 browser

  • github
  • npmjs
  • Imprint / Privacy
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

deploy/run/host strapi on plesk obsidian as node application

My last months are really focused on strapi.io topics and what you read here is just the tip of (my strapi) iceberg because I write about my side project(s). My colleagues

  • Raoul Kramer
    Raoul Kramer
7 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
strapi.io

upload media files to strapi within a node process

I enjoy the ease of use strapi.io. At @boldventures we started in may 2020 with our first strapi project and today (august 2020) the count of strapi projects is on three with

  • Raoul Kramer
    Raoul Kramer
6 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
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,

  • Raoul Kramer
    Raoul Kramer
6 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
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

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

Remove dust from a legacy project

Years go by, platform code grows, browser platform support changes, and there you are: +300 Kilobytes of minified JavaScript code is shipped, same in CSS and the Chrome Code Coverage Tool shouts a

  • Raoul Kramer
    Raoul Kramer
9 min read
nodejs

Deploy a Nuxt.js application on a Plesk Onyx (v)Server as node.js application

Sadly, I started this topic for an Ember.js application a long time ago, and did not finished it. Now my focus switched to Nuxt.js applications, sorry Ember.js. about 9 month

  • Raoul Kramer
    Raoul Kramer
5 min read
ghost

2019 Update: Install Ghost (2.27.0) on Plesk Onyx (17.8.x) or Plesk Obsidian (18.x) vServer with docker

Today I moved my blog to a new vServer running Ubuntu 18.04 with Plesk Onyx (or Plesk Obsidian) and Docker support (inclusive). Last time on that topic I stumbled upon the URL

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

"update" ghost 1.x to 2.x in plesk onyx and docker

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

  • Raoul Kramer
    Raoul Kramer
2 min read
plesk

Install Ghost on Plesk Onyx (17.x) vServer with docker

UPDATE 2019: I wrote a newer guide on how to install Ghost on a Plesk Onyx (17.8.x) vServer here: 2019 Update: Install Ghost (2.27.0) on Plesk Onyx (17.8.

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

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

  • Raoul Kramer
    Raoul Kramer
1 min read
ubuntu

set up ubuntu bash and vscode on windows 10 for web development

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

  • Raoul Kramer
    Raoul Kramer
5 min read
plain js

javascript - choosing the right timeout is easy

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

  • 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
Raoul Kramer - Web Application Developer © 2021
Latest Posts Twitter Casperion Ghost Theme