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,
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
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
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
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,
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 -
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
frontend 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
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
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
frontend Lazy Load JavaScript[s] my idea of lazy loading javascript files - like you already do with images and iframes…
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
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
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.
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,
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
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
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
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
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
nodejs enduro js: manual multilingual sites 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
ghost deprecated: Install and secure Ghost on Plesk 17.x vServer UPDATE 3: If your Plesk Server supports docker, have a look at this post: Install Ghost on Plesk Onyx (17.x) vServer with docker UPDATE 2: Looks like this way it can be