A case study with equal emphasis on animation and performance.
I use Apple’s Mail app for my email so this is very handy:
An email tracker, read receipt and spy pixel blocker plugin for macOS Apple Mail.
This broke my brain.
The challenge: in the fewest resources possible, render meaningful text.
- How small can a font really go?
- How many bytes of memory would you need (to store it and run it?)
- How much code would it take to express it?
Lets see just how far we can take this!
I have to admit, I didn’t realise that text reszing behaved differently for user preferences compared to page zoom. For that reason alone, I’m going to avoid setting font sizes in pixels.
If 2 to 3% (or more!) of your users are relying on a custom font size, you should know that so you can either support that user preference or make a conscious decision to not support it. Doing anything less is frankly irresponsible, especially considering that users with larger font sizes may be using those sizes to compensate for visual disabilities.
This is a potentially useful bit of CSS that I had no idea existed.
Just recently on a Clearleft project, some of us were discussing whether there was a reason not to use
rems instead of
ems for media queries. Apart from one older browser implementation difference, we couldn’t come up with much.
Some in-depth research here supports the use of
em values for media queries. Very good to know.
I met Cesar at An Event Apart in San Diego earlier this year. We had a nice lunchtime chat and he suggested that I come on his show, Pencil vs Pixel. I was, of course, honoured and I accepted his invitation immediately.
Brightonians, get yourselves along to the Corn Exchange on Monday evening for some fun with Seb’s digital fireworks.
A report from the BBC on this year’s Brighton Digital Festival including interviews with Honor, Timo, and Seb.
A cute and fun way to put together a colour palette.
You’ve probably seen this already, but it’s really worth bearing in mind: when you’re scaling up JPGs for retina display you can safely reduce the image quality by quite a lot—to the point of getting the exact same file size as a higher quality image that’s half the size.
Now you can proudly sport a Pixelworkers T-shirt of England’s finest seaside geek town.
Aaron should definitely skyblog more often if this is the result.
A great examination of the default settings for pixel density and how it can effect reported device width values on mobile.
This looks like being a fun little local event ‘round at the Skiff in May.
Pixelworkers have relaunched with a very nice responsive design.
I am very fond of this T-shirt that Ethan designed.
We need to make sure that Shaun Inman never discovers this site.
A clear explanation of device-width from PPK.