Journal

It’s rather recently that I started writing down my thoughts and ideas but I wish I had been doing it from the start. It helps me confirm my ideas and learn better.

Responsive tables using CSS Grid Layout

2018-09-09

Tables can be a big problem on mobile devices. There are a number of articles covering the subject of how to make them responsive all with their own drawbacks. I realised recently that the new CSS Grid Layout could be used to solve this and make them look…

Designers and their portfolios

2018-08-05

I’ve been checking out a lot of designers portfolios lately out of curiosity to see what others are doing and how they present themselves. I decided to write small reviews on some of them and share with you. Laura Kalbag I like that she includes a bit a…

Landing pages and Hugo

2018-03-14

A client of mine came to me with a problem. They have multiple partners that use my clients product for their customers and each of those partners needs a landing page to promote and onboard their users. My client was creating those landing pages by…

Do's and don'ts for presentation and critique

2016-09-11

Design presentation can be a very delicate process, especially the initial presentations for a new project. If handled incorrectly it can cause a lot of stress for both sides, feelings can get hurt, bad morale can build and lack of progress overall. I've…

Selecting the last two elements with CSS

2015-04-09

nth-child() is a very handy pseudo-selector, but sometimes you need to approach things from the other end, starting from the last item. That's where nth-last-child comes to the rescue. nth-last-child works pretty much the same way as nth-child does except…

Creative energy

2015-02-12

Creative energy is what you use when you are working on things that require you to use your brain to solve various tasks and problems. If you deplete your creative energy you burn out. Here are some of the things I try to have in mind to keep my creative…

My problem with responsive images

2014-01-15

Currently responsive images work by checking the window width and giving you the corresponding image based on that width. Which is fine when you have an image that fills out the widest width possible, like those big hero images, but that's not always the…

Out-of-stock badge for Drupal Commerce

2013-01-10

In this tutorial I will show how to create an out of stock badge for Drupal Commerce (Or Commerce Kickstart to be specific) using a simple rule, the add to cart form and some CSS. If you are currently using the add to cart form in the product list this…