One of the biggest things in version 66 of Firefox was the ability to animate grid rows and columns when using Grid layout. This feature had been written into the specification for a while now, but browser vendors took some time to support it.

Since then, there has been a trickle of articles (links to all below) and CodePens centered around animating CSS grid, like this cool airline entertainment system layout by the one and only, Olivia Ng:

I think the ability to animate grid rows and columns is amazing, and I am slightly disappointed that people aren’t going…

I’ve been helping to mentor a Coding Girls initiative called 30 days of CSS and one of the first projects involved creating a heart shape from pure CSS.

This process was very interesting, so I decided to share this post. I hope you find it useful, and please feel free to comment below and ask anything.

Tip: Use Bit to make your components reusable, use them in more projects, and share them with others. It will save you time and is fun to show. Try it:

React spinners with Bit: choose, play, install

Starting with the code

The code is fairly short, and makes use of the ::before and ::after pseudo-elements.

For the bulk of my web career, I’ve worked exclusively on the client-side of things. Designing responsive layouts, creating visualisations from large amounts of data, building application dashboards etc. But I never really had to deal with routing or HTTP requests directly. Until recently.

This post is a write-up of how I learnt more about server-side web development with Node.js, and a brief comparison of writing a simple HTTP server using 3 different frameworks, Express, Koa.js and Hapi.js.

Note: if you’re an experienced Node.js developer, you’re probably going to think what’s in here is blindingly obvious/simple. ¯\_(ツ)_/¯.

Tip: Using Bit

Does the developer you interview truly understand CSS layouts… let’s check!

Recently, I was asked to review/rework a front-end coding test for potential hires. A colleague of mine suggested using HackerRank, as he had reasonably good outcomes from his data science coding test, and it didn’t take him too much effort to set up. Unfortunately, I realised that CSS isn’t something that services like HackerRank caters for very well.

Tip: Use Bit to reuse components and build faster! Easily organize and use your components to build more apps with your team. Give it a try.

We can do quite a lot with CSS to create fancy radio buttons (or checkboxes, for that matter), and that’s awesome. I happened to be working on a Cordova-based demo application, which had a few boolean configuration options, which made sense to be implemented as radio buttons.

Plain ole’ radio buttons seem a bit boring, but with a bit of CSS, it’s not too much trouble to spruce things up.

I had recently returned home from Web Directions Code in Melbourne, and there were a number of talks that focused on accessibility. As such, I was particularly cognizant of the…

I’ve been thinking a lot about web design lately. Actually I’ve been thinking about web design ever since I started working on the web. But it was upon learning more about browsers’ layout engines, how rendering works and their relationship with HTML and CSS that has shaped my current opinion of web design.

Perhaps you may not agree with me, but I do believe that an understanding of the history of the web, amongst many other things, is essential to becoming a better web designer. Let’s be honest, the digital age we live in now moves at a break-neck speed…

Journey by Chimera at

I’m typing this up as I’m sitting at the airport, on my way to St Petersburg, Russia to speak at pitercss conference and it still seems slightly surreal to me. If you are one of a handful of people who actually read the things I write, you might have gleaned that I haven’t been doing this very long. This being the web develop-y stuff that I like to write about.

Saddle-up, this is going to be a lengthy non-technical post. You have been warned.

I’m about three decades in now, and I can kind of see a few milestone decisions…

Image by Stratman2

I was born in Malaysia, a Southeast-Asian country made up of the southern portion of the Malay Peninsula and part of the island of Borneo. Ethnically, I am Chinese, and if I’m not mistaken, my ancestors migrated from the Fujian Province in China three generations ago and settled in Penang. My family then moved south to Johor when I was 3, and my childhood was split between Singapore and Malaysia. I lived in Johor and commuted to Singapore for school every day. I now live and work in Singapore.

If you were keeping track, that paragraph mentioned four different geographical…

So I’m fresh off the latest iteration of Hackware, a monthly meetup for hardware developers and enthusiasts in Singapore and the theme for this round was Vintage Computing. I can’t tell you how much I appreciate and love vintage technology, but generally my face goes 😍 when the topic comes up.

The event reminded me of a really long conversation I had with a friend a couple months ago. We hadn’t met in a while and our conversation veered all over the place. But one of the things we talked about was computers. …

I’ve been watching this television show, you might have heard of it, called Person of Interest. The writing, at least in my opinion, has been pretty good, and the writers are really doing the “going out with a bang” thing on this final season. The premise of the show is that there is a mass-surveillance computer system, known as “The Machine”, that is able to parse all the surveillance and electronic communications data to predict violent crimes and identify “persons of interest” relating to the crime. …

Chen Hui Jing


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