04Jun

How to disable the scroll on mobile (popup open or menu)

How to prevent the page from scrolling on mobile is often a recurring issue. We usually want to stop page scrolling on mobile when a menu is open or a lightbox overlay is there. I only discovered the fix recently, using a JavaScript library named “Body scroll lock”.

12Dec

Web fonts and rendering of characters / ligatures issues

Sometimes with web fonts, the font’s default ligatures combine two characters into a single glyph, this could be making the dot on the i disappear for instance. I had this case with f and i together in the word artificial, it seems the i doesn’t have a dot. This is common in modern fonts to […]

23Sep

Avoid widows and orphans in copy using JavaScript

The classic question of designers, “is there anything we can do to make sure we don’t get ‘widows’?” This means no orphan word alone in the last line of the copy. With responsive design, and working with CMS (even static build), the only way to ensure the copy never ends up with what we call […]