dev notesjuhana jauhiainen
Writing about web development, React, Python, and the tools I use
CSS grid by examples
In this article we'll go through building a few layouts using CSS grid as a base
Read more ⟶
Create a retro text effect with CSS
Ever wanted to create a cool 80's text with HTML and CSS? This article will show you how.
Read more ⟶
Hidden gems of the Chrome DevTools, Part 1: The Console API
Debugging, or finding the reason why your code doesn't work, is one of the most important skills a software developer needs. If you can debug effectively, you'll catch problems faster and even gain a better understanding on how things work under the hood.
Read more ⟶
Setup Spectron and Testing Library to effectively test your Electron.js application
In this article, we will setup Spectron and use Testing Library and WebdriverIO to test an Electron.js application.
Read more ⟶
How using Testing Library will help you improve the accessibility of your application
Testing Library is a JavaScript testing framework which focuses on testing the way the application is used.
Read more ⟶
Mocking GraphQL APIs with Mock Service Worker
Mock Service Worker (MSW) is a library for mocking, or faking, a backend API. This is extremely useful when you are developing new features into your application, or when you are running tests.
Read more ⟶
Creating a VS Code theme
Ever wanted to create a theme for VS Code? It's simpler than you'd think but the process is a bit laborious and requires you to painstakingly go through all the attributes you need to change.
If you want your theme to work, and look nice, on multiple programming languages, you'll need to add a lot of color definitions.
Read more ⟶
Use box-sizing: border-box for simpler element sizing
The CSS box model and it's behaviour with different box-sizing values might be difficult to visualize.
Read more ⟶
My year in review 2020
This has been a horrible year for most of us. COVID-19 has killed millions of people and changed life for millions more. The pandemic has also changed the way we work and live our daily lives. In this article I'm going to focus on the more positive things which have happened to me in 2020.
Read more ⟶
A Tailwind CSS plugin for adding gradient masks
Some time ago I added excerpts to by blog. A small sample of the full blog text to is now shown on the front page after the post heading, date and tags. To make the exceprts look a bit nicer, I wanted add a effect which makes the text fade into the background.
Read more ⟶