A real-world example.

Webflow components, such as Slider, Tabs or Lightbox, are very powerful, but their internal structure can sometimes be too rigid to style them as desired. You may also need to combine multiple components together. To solve these problems, you need to write a bit of glue code…


Webflow empowers designers to build custom websites without writing any code. However, custom code is helpful in adding that extra layer of polish to your website. Tiny code sprinkles can make the difference between a good and exceptional site. …


A match from heaven

To add interactive behavior to a Webflow site, the standard options involve writing imperative JavaScript or defining it via a point-and-click Interactions interface. Neither of these fit my personal style, so I decided to use Alpine.js.

Alpine.js is a minimal JavaScript framework for composing behaviors directly in HTML markup. It…


Store the current tab in the URL, to navigate to it from anywhere else in the app

I would like to present to you a quick tip about working with the tabs component in Vuetify.js. I sometimes need to navigate to a specific tab in the application or want to share a direct tab link with a collaborator.

In order to achieve this, we need to store…


A neat trick when presenting lots of data using a Data Table

If the number of rows grows too large, or we are viewing the site on a mobile device, the table may not fit on the screen. If this happens, it can be unclear which column represents what information.

One solution to this problem is to always keep the table header…


Vuetify.js is a Material Design component framework that allows customizing colors easily via themes. However, one color that is missing in the theme config is the background color. In this article we will fix that via CSS variables!

We will be using Nuxt.js — a meta-framework for Vue.js. However, very…


A short tutorial about building an interactive list component as a simple alternative to drag & drop.

TL;DR

Here’s the component in action:


Vuetify.js is a Material Design component framework that can be easily customized. It allows you to change the colors of all it’s components using a theme. …


A short tutorial about adapting typography using SCSS variables.

Vuetify.js is a Material Design component framework that can be easily customized. Apart from color theming, it allows you to change it’s internal variables that control how the CSS stylesheet will be generated. This way you can change the default fonts.

In this example we will be using Nuxt.js —…


A short tutorial on how to display the source code in Sentry when using the Nuxt.js generate command

The Problem

Recently I was faced with a bunch of front end errors occurring only in the production environment. The error reports were coming from Sentry and it was really hard to understand exactly where in the application the error was occurring. …

Jarek Lipski

Full-Stack Developer / Agilist / Free and Open Source Software Fan.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store