Webdev 14 posts

Inhji bookmarked

Masonry

My Homepage is now powered by Masonry, a cascading grid layout library. Together with the colored background it looks pretty nice I think. It’s messy af, but that fits my personality 😂

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Inhji posted

When tweaking the dark-mode of my site, I frequently change the ui.systemUsesDarkTheme in about:config to see how it looks. However, this involves changing the setting, switching to my site and reloading it. But there is a handy extension by rugk that makes this very easy.

It modifies the output of media queries which looks like wizardry to me

Note: It only works on websites that support the prefers-color-scheme query.