Blog

CODE NOTE 路 PUBLISHED ON

Two options for making responsive tables for your website

I recently found myself having to create a website that presented a lot of data in tabular format. This post goes through two approached that I tried out. Firstly, using table markup and horizontal scrolling, and then looking at how it can happen with CSS Grid.

Read post
Screenshot from responsive tables Codepen by Fershad Irani.

CODE NOTE 路 PUBLISHED ON

Make a styled, custom dropdown

I was working on a recent project that required me to create a customized select dropdown. It had to clearly, neatly show two sets of data (jobs and locations), and look good in the process.

Read post
Screenshot of styled custom dropdown

CODE NOTE 路 PUBLISHED ON

Disabling elements with CSS pointer-events and media queries

A recent project required a collapsible section of content to remain expanded on desktop and collapsible on mobiles. Here's how I made it work with a handful of CSS.

Read post
MacBook Air and Apple Magic Mouse on brown wooden table photo

BLOG POST 路 PUBLISHED ON

How I would build my 2019 Rugby World Cup fixtures site differently next time.

Mid-September, over a typhoon holiday long weekend in Taipei, I put together a very simple website for the 2019 Rugby World Cup. With the 2019 Rugby World Cup now almost at an end, I've been thinking about how I might build a similar website differently next time.

Read post
Screenshot of my 2019 Rugby World Cup fixtures website.

BLOG POST 路 PUBLISHED ON

What I've learnt in two months working remotely.

On the back of Buffer's 2019 State of Remote Work report, I take a look back at my transition from being office-bound to location independent. What's met my expectations, what's surprised me, and what challenges I've faced.

Read post
Image of working remotely from a cafe