The five best design links, every weekday

Domain: chenhuijing.com

chenhuijing.com

So your designer wants stuff to overlap

I have encountered quite a good number of designs that involve overlapping elements.

chenhuijing.com

Can we enterprise CSS grid?

Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I’ve had the opportunity to tackle.

chenhuijing.com

Debugging vertical layouts in 2021

I first started messing around with vertical layouts after discovering the existence of writing-mode.

chenhuijing.com

Understanding browser cookies 🍪

Even though I’ve been doing web things for a while now, I confess I had never dealt with browser cookies other than clicking cookie notifications.

chenhuijing.com

On fixed elements and backgrounds

If you have a fixed element on your page, you might realise that it no longer acts fixed if you apply a CSS filter on its nearest ancestor.

chenhuijing.com

CSS for internationalisation

An exploration of the numerous features of CSS that might not be that well known to web developers for facilitating i18n on multilingual pages.

chenhuijing.com

Flexbox and absolute positioning

Recently, I've been trying to build an open source video conferencing application specifically for online meetups.

chenhuijing.com

Can you make a countdown timer in pure CSS?

I must first apologise for the somewhat rhetorical question as the title. About 3 minutes after I wrote it, my brain exclaimed: "This is clickbait!".

chenhuijing.com

Understanding positioning in CSS

CSS layout is not just one individual CSS property or even module. Everything on the web is a box.

chenhuijing.com

DevTools as the ultimate CSS advocate

I've just come off the Mozilla Developer Roadshow, and it's the third one I've done so far.

chenhuijing.com

Box alignment and overflow

Recently I was working on a few chat interfaces, and the general layout is typical to what you would see in most chat applications.

chenhuijing.com

The wondrous world of CSS counters

An in-depth look at CSS counters, how they've expanded over the years with better internationalisation as well as how to implement a pure CSS fizzbuzz

chenhuijing.com

Where did CSS named colours come from?

Talk.CSS, which is Singapore’s monthly CSS meetup, has a segment called CSS colour of the month.

chenhuijing.com

Sub-pixel rendering and borders

I was incredibly chuffed to have been able to speak at the inaugural Talk.CSS in Melbourne recently.

chenhuijing.com

Learning CSS by reading specs

Don’t be wary of reading CSS specifications. They help immensely in understanding CSS.

chenhuijing.com

Figuring out CSS animation properties with a magic kittencorn

A little known fact about SingaporeCSS is that we actually have an unofficial mascot.

chenhuijing.com

Recreating the Fool's Mate chess move with CSS Grid

An exploration of the animatable CSS grid row and column behaviour as well as an in-depth explanation of some of the background properties

chenhuijing.com

Internet Explorer 3, an adventure in cross-browser compatibility

An experiment to see how plausible it is to build a website in 2019 that can be supported for browsers going way back till Internet Explorer 3.

chenhuijing.com

Friends don't let friends implement dark mode alone

So I have this friend, Wei, who's basically an expert with CSS blend modes, right?

chenhuijing.com

Understanding grid placement through building a HTML periodical table

One of the best parts of using Grid for layout is the ability to place grid items exactly where you want on the grid you designed.