A rolling discussion tonight regarding media queries (breakpoints) and the units to use. em, px, rem? This (zellwk.com/blog/media-query-units) article suggests that em behaves the most consistently across all browsers, but then digging into the comments, there’s a counter argument for px.
I like to use em/rem for elements that are truly relatively scaled. So things like borders and absolutely positioned elements I generally stick to px units.
Personally, I prefer px. em and rem are both relative units, units that scale based on font-size set by the user (or defaulted in the browser). Now take mobile: what if the user is using enlarged fonts. If the media queries (breakpoints) are also scaled because of the units used, how will that impact mobile?
Feels like I need to experiment more around this, but to quote a colleague…
just do what you want and let the browsers deal with the headache
It’s fleshing coming at a personal project with the learning of some of the big Agency projects of the last couple of years. The techniques learned scale well for this smaller project, but there’s also loads of room for improvement as ever.
Today had a fight with filtering Categories in WordPress. WordPress won. But I will not be beaten forever!
I’ve pulled all of the colours from the Sheru experimental theme so it uses just 3 base colours now. The rest are processed on the fly.
The site is no longer restricted-width (well, to a point)
Content now scales
All that gloomy black is gone. Bring on the brightness.
Live editing of themes inside WordPress admin is the scariest thing (but, y’know, awesome). Could so easily fry a site, and it scares me even more to think the number of custom themes must out there in the hands of clients with this feature enabled. Carnage.
So, cough, throwing caution to the wind, made a couple of live edits to this blogs bog-standard theme to filter out these posts from the far more interesting (?) code-tips etc on the front page. Also hid “recent posts” for now. The Project Sheru theme will allow filtering of those, but for now… it didn’t crash.
Making interesting progress with the theme for this site (Pattern Library and WordPress theme). After an intense weekend, the 3D-menu concept has come together better than expected. Some glitchy problems in Safari with the first try, but got it working nicely now.
I’ve had various personal sites over the years, but over the next 4 months I’m trying to pull everything together under a couple of domains. This one (sheru.uk), which contains my dev diary and portfolio, and shellbryson.com which is my “business card”.