December 20, 2018

CSS blur test

TL;DR: To evaluate the hierarchies on your website, use the filter: blur(5px) style on your <body> element.Why hierarchies matterNot everything is equally important on your website: Every single page should have one single goal (signing up for a newsletter, click the buying button, display th…

March 6, 2018

How to use Visual Studio Code for web design

To design web pages, you should really use a good text editor. Microsoft’s open source text editor Visual Studio Code (VSC) is such an editor. Here is how I set it up and which plugins help me having a good time while writing HTML and CSS.I update this article whenever there is a new version of VSC…

February 25, 2018

Quick tool generation with VueJS, Tailwind CSS and LocalStorage

Before: Tools with ExcelI used to write down the total number of tasks in a row in Excel and add a row for my done tasks. I would add a ratio row and do the math to see my progress.That setup is flexible and worked pretty well, but it looked boring. Well, just like an Excel sheet looks like.I need…

February 22, 2018

Host Jigsaw static content on Netlify

Jigsaw is a very lean static page generator and especially easy to learn for everyone familiar with Laravel and its blade templating language.netlify is a fantastic host for static pages with a generous free tier and nice tooling.One of the coolest features is Continuous Deployment: You create and…

January 20, 2017

How to add a carousel to your Bolt CMS homepage

In this tutorial, we will add a carousel to the homepage of our Bolt CMS using the jQuery based Slick library. We will first define what our goal is, set up the base system, create a basic HTML version of the carousel and finally incorporate it into our Bolt CMS page.User StoriesA carousel is a col…

  1. Previous
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. Next