Responsive layout with CSS grid, part 2: auto-fill & auto-fit

In the previous part we made a responsive layout using grid areas. With grid areas, it's possible to arrange parts of the layout in a grid and rearrange quite easily with media queries. In this part we're going to look at another feature of CSS grid which helps you build…

Responsive layout with CSS grid, part 1: Grid areas

CSS grids are the new kid on the block when it comes to laying out elements on a web page. I'm not going to explain how it's different from Flexbox, but I am going to show you one feature that's more easily done with CSS grid than Flexbox. Imagine you…

Easy Webpack with Laravel Mix

I've started to look into Webpack about 3 times, but I always get overwhelmed and discouraged at an early point and just give it up as a bad job. (If you've got a good getting started tutorial I'm all ears). However, there's an easier way to work with Webpack that…

Solve for Rx: Activity indicator with minimum display time

Solve for Rx I'm going to start a recurring series here on my blog called Solve for Rx in which I solve different problems using Rx. I think this will not only help me push my skills, but I also believe that others will find it helpful to see some…

Experiment in a Git branch

When programming you often come across code you'll want to change or refactor. After some tinkering the improvement turns out to not be such a great improvement after all. Your first instinct might be to Ctrl+Z all the way back to safety. If you've been committing the changes to…