Config 2024: In defense of an old pixel (Marcin Wichary, Director of Design, Figma) - YouTube
Everyone’s raving about this great talk by Marcin, and rightly so!
Link tags: pixels
16
No To Spy Pixels
Almost no-one has given informed constent to being tracked through spy pixels in emails, and yet the practice is endemic. This is wrong. It needs to change.
Why you should never use px to set font-size in CSS - Josh Collinsworth blog
Reminder:
emandremwork with the user’s font size;pxcompletely overrides it.
Body Margin 8px | Miriam Eric Suzanne
I love this kind of spelunking into the history of why things are they way they are on the web!
Here, Detective Chief Inspector Suzanne tries to get to the bottom of why every browser has eight pixels of margin applied to the body element in the user-agent stylesheet.
MailTrackerBlocker
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.
Breaking the physical limits of fonts
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!
Unraveling The JPEG
A deep, deep, deep dive into the JPEG format. Best of all, it’s got interactive explanations you can tinker with, a la Nicky Case or Bret Victor.
Pixels vs. Ems: Users DO Change Font Size – Evan Minto – Medium
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.
PX, EM or REM Media Queries? by Zell Liew
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.
Retina revolution
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.
[this is aaronland] “an index of reality”
Aaron should definitely skyblog more often if this is the result.
Goldilocks and the Three Device Pixel Ratios [Legends of the Sun Pig - Martin Sutherland’s Blog]
A great examination of the default settings for pixel density and how it can effect reported device width values on mobile.
Points mean Pixels - 8th May 2012 at The Skiff, Brighton
This looks like being a fun little local event ‘round at the Skiff in May.
8 BIT WOOD | serving all your wooden pixel needs
We need to make sure that Shaun Inman never discovers this site.
QuirksBlog: A pixel is not a pixel is not a pixel
A clear explanation of device-width from PPK.
Grid Calculator
A handy tool for calculating grid and gutter widths although you'll still have to some calculating to get the figures to work in percentages (assuming you're designing for the Web).