Really good deep-dive.
The truth is, if you want to build the most-accessible product possible, you need to use both pixels and ems/rems. It’s not an either/or situation. There are circumstances where rems are more accessible, and other circumstances where pixels are more accessible.
P.S. I really like Josh’s website, fairly simple design but so much attention to detail.
Huge thanks to Aaro Luomanen for this post, this was my starting point for generating OG images on this site when I moved to Hugo.
There are a bunch of cloud services that offer og:image generation, like Cloudinary or Vercel’s og, but I didn’t want to pay for those. I want my whole website to be static and cheap to host. I managed to generate some sweet og:images using Hugo’s image manipulation tools.
Love this. Drop in any image, get an instant side by side comparison slider, and a download link for the optimsed file showing size savings. Free, open source and the images never leave your computer.
It’s time to rethink how we cook a set of favicons for modern browsers and stop the icon generator madness. Frontend developers currently have to deal with 20+ static PNG files just to display a tiny website logo in a browser tab or on a touchscreen.
A guide on what you need (and only what you need) when it comes to generating favicon files for your site. Handy if you want to roll your own, instead of using the generator sites.
Add a touch of your inner self to your every day with the Touch series mouse. Embrace a calming soft almond color palette or a soft grey base with warm orange highlights.
I love the retro look of this thing.
Oops…! I did it again. The latest post in this saga is here.
When I launched this site a few days ago I posted that I’d settled on Kirby as my CMS1 of choice. This wasn’t exactly a spur of the moment thing, it’s a system I’ve been dabbling with for quite a while. In fact, my introduction to Kirby came from the talented Simon Collison when he designed and built my company site some time back.
I’ve since changed my mind.
...more →
The Movie Database (TMDB) is a community built movie and TV database. Every piece of data has been added by our amazing community dating back to 2008. TMDB’s strong international focus and breadth of data is largely unmatched and something we’re incredibly proud of. Put simply, we live and breathe community and that’s precisely what makes us different.
Great alternative to the Amazon owned IMDB. Really nicely designed site and very well populated.
For the last few weeks Matthias Ott has been running a newsletter about designing and publishing on the web, with a heavy emphasis on owning and running a personal website. There’s an archive available of past issues, well worth a peruse.
Every time a new issue drops, I remember that it’s something I want to (re)launch. I open Sublime Text, try and remember what CMS I was playing with, get lost looking at colours and fonts, and then… oh, shiny thing!
...more →
Really handy for pulling text-based 2FA codes from Apple Messages on your Mac ready to paste. This can be done natively on macOS in Safari, but is not supported in other browsers.
Insanely useful tool to help self-host Google fonts. Supplies both the font package to download, and generates the CSS ready to drop in.
Handy tool to generate a Tailwind style colour scale from a single given colour.
Another handy Tailwind cool, this one finds the closest native Tailwind colour to the one you supply.
If you’re using Safari on iOS, or the “Compact” style tab layout in Safari on your Mac, the toolbar can adopt a background colour. This is by default set automagically, using the background colour of the website, but you can control it.
It can be set manually with a meta tag:
<meta name="theme-color" content="#EC8922">
It does also support dark and light themes:
<meta name="theme-color" content="#1C1C1C" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#F2E9D3" media="(prefers-color-scheme: light)">
This post was imported as part of the reclamation project. Links may be broken, content will be very old and likely no longer relevant.
The only thing that’s a surprise about this video is that there were actually people outside the store.
This post was imported as part of the reclamation project. Links may be broken, content will be very old and likely no longer relevant.
I had bought a Raspberry Pi a while back and really didn’t know what I wanted to do with it. At that moment, like a Reese’s Peanut Butter cup, it dawned on me – could the Raspberry Pi be used with a Gameboy?
Cool project.
I have the same issue with the Pi; I want one, but I’ve no idea what I’d use it for. Sadly, I don’t have a broken Gameboy either.