It takes seconds for the first meaningful paint while your website visitors are looking at a white browser window as you are shipping way more code than what is needed to render the page. We had exactly these issue in one of my latest projects. Here is how we could
Continue readingCategory: Frontend
Speed Up Your Vue.js Single-Page App
One of my projects included building a single page web application with Vue.js. As the Go Live approached, the topic of performance optimization became more relevant. In this article I have collected everything I have learned about improving the performance of Vue.js applications with regards to loading times and rendering
Continue readingDebug Mocha Unit Test in Visual Studio Code
Mocha is a testing library, created to be simple, extensible, and fast. The following write-up gives a short introduction on how to setup Mocha and how to easily run all unit tests or only a single one in Visual Studio Code.
Continue readingTwo ways to react on the Electron ‘close’ event
I have an Electron application that needs to save some data when it’s closed by the user (e.g. just after the user clicked on the “Close” button). For this example, we want to store the resolution (width and height of the application in pixels) to a config file. The next
Continue readingSticky Footer with CSS3 Flexbox and Grid
Recently, I stumbled upon two new ways to easily layout websites and to position elements. The first one is CSS3 Flexible Box Layout, or short Flexbox. The second one is CSS3 Grid Layout. This articles shows you can realise a sticky footer with these techniques.
Continue readingAlphabetical List Navigation with JavaScript, HTML, and CSS
Imagine we have a lengthy list of entries sorted alphabetically by name. Our goal is to create a navigation bar with letters from A-through-Z. These letters represent links, and when clicked the view jumps to the respective entry in the list.
Continue reading