Image for post
Image for post
Photo by Íris Juana on Unsplash

Earlier this year, I consumed yet another self-improvement book. This time it was Atomic Habits by James Clear. The concept of building tiny and simple habits and having its effects compound over time was brilliant. It got me really excited to start building some new habits of my own.

In the meantime, Matt D’Avella, the director of the Netflix documentary Minimalism, released a new video on YouTube. He too, had finished reading Atomic Habits (way before I did) and he decided that for 2019, he would do a different 30-day challenge each month as a way of building new habits…

Image for post
Image for post
By Damian Zaleski on Unsplash

Here’s a little something for all you frontend designers and developers out there. Out of all my CSS typographic practices, I have picked out these 3 simple tips which can help greatly improve your site’s readability.

1. Optimal characters per line

Here’s a quote from The Elements of Typographic Style Applied to the Web. It’s a really good read, highly recommended if you have the time.

Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both letters and spaces) is widely…

In part 1 of this guide, we learnt how to set up our static site using Parcel. In this part, we’ll learn how to automatically deploy our site with Netlify.

Image for post
Image for post
Not sponsored by Netlify

Getting started with Netlify

To begin, we’ll need to sign up at Netlify. One catch to deploying sites with Netlify is that your source code has to be hosted on either GitHub, GitLab or Bitbucket. I recommend signing up with your favourite Git provider. I signed up with my GitHub account as that’s my go-to site for hosting code.

Once your account is all set up, click “New site from Git” to link your…

In this two-part guide, we’ll learn how to use ParcelJS to build static sites and how to deploy the sites with Netlify. Let’s get started!

What is Parcel and do I need it?

Image for post
Image for post

According to their website

Parcel is a blazing fast, zero configuration web application bundler

Why Parcel instead of other web app bundlers? Simply because Parcel requires zero configuration. It’s simple and anyone can use it right out of the box.

You’re probably wondering why use a web app bundler at all for a simple static site? Well, I love Sass but Sass has to be compiled to CSS before it can be used. For static…

Image for post
Image for post
Photo by Anthony Tran on Unsplash

Everyone’s always so busy these days. We rush things that can be rushed — chores, work, relationships. When we’re rushing, we often forget to enjoy and appreciate the simple things.

Recently I’ve had the opportunity to lead a very simple life for 10 days. I won’t go into that now. That’s a story for another time. For 10 days I was away from the hustle and bustle of my usual busy life. With everything stripped away it did not take me long to realize I had nothing to do.

Without my phone or my computer, waiting was a chore. For…

Not too long ago, I started playing Sdorica, a beautiful RPG mobile game. No, I’m not writing a game review. Instead, I’d like to talk about user experience (also known as UX). In particular, one brilliant experience Sdorica provided.

In most RPG mobile games, you would be required to download “additional files” the first time you play the game. And sure enough, when I opened Sdorica for the first time, I was asked to download some game data. No surprise there.

Image for post
Image for post
First thing you’ll see when you start up Sdorica

Once again, in most RPG mobile games, while downloading, you’ll be presented with a progress bar on the screen…

I was only 17 back then. A first year student in Ngee Ann Polytechnic. We were given an assignment — create a blog of your own. There was no fixed topic, we could write about anything under the sun. As assignments go, this was probably the easiest it could get…

However, my team didn’t settle for easy. We had a crazy idea. We wanted to turn this project into something more, something meaningful.

The 5 of us decided on the topic of Singapore’s heritage. Usually, when this topic gets brought up, yawns would appear from the audience. We decided we…

I’ve been rather busy the past 9 weeks. Busy with something required of every Singaporean son at some point in their lives — serving in the army.

On the 4th of July, my life as Chester How ended, and in its place came Recruit Chester How. It was a major rebranding.

I got a new hairstyle.

Image for post
Image for post
“Beauty”. How apt.

I got a wardrobe refresh.

I’m the new kid on the block and I’m here to say goodbye.

Hi. My name is Chester and I live on a tiny island called Singapore. I’m 20 years old and yet I can’t seem to find a nice picture of myself so this will have to suffice.

Image for post
Image for post

Yup, that’s me sound asleep at a museum. Okay I actually really like museums but was just beat that day. Alright, back to my introduction.

I grew up and studied in Singapore all my life. In May this year, I officially graduated from a local polytechnic with a Diploma in Information Technology. And now it’s time for the goodbye.

In Singapore, it is compulsory…

Image for post
Image for post

webpack is a really powerful tool to bundle modules required by an application. There are a ton of great articles available explaining what webpack is and how it works, so I won’t go into all that here.

What we’ll be covering in this article

  • Why cache assets in the browser
  • What should be cached
  • Code splitting with webpack
  • Dealing with dynamically named files

Let’s get started.

Why cache assets in the browser?

Well, webpack’s documentation has explained it really well so I’ll just quote them.

Each time something needs to be updated in our code, it has to be re-deployed on the server and then re-downloaded by all clients. …

Chester How

Web developer and designer currently in school.

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