Assorted ramblings poured from my mind onto the page… views are my own (obviously).
I’m finding the use of the word “mobile” less and less helpful within web circles. The word “mobile” is an adjective. But it’s increasingly being used as a noun. Every day I hear phrases like, “Tables suck on mobile,” or “When dealing with mobile, you should…”. On mobile what? When dealing with ...Read more ▸
It‘s pretty common to set max-width: 100% on images in fluid layouts, so that they adapt to fit their container: ...Read more ▸
At time of writing, the highly efficient WebP image format is only supported by Chrome and Opera. The chances are you still want users of other browsers to see your images, so you'll need to detect support and provide a fallback for those lacking. ...Read more ▸
WebP is a new image format from the clever people over at Google. The lossy variant is 25-34% smaller than JPEG, while the lossless variant is typically 26% smaller than PNG. It's already supported in Chrome and Opera (both desktop and mobile), and the native Android browser. There's a strong argument ...Read more ▸
Update: I somehow neglected to mention Modernizr.touch, which actually uses the 'Touch APIs' method below. Modernizr no longer claims to detect touch devices – see this discussion. ...Read more ▸
I wrote an article for The Nitty Gritty (TNG), a blog founded by Hans Christian Reinl and Kahlil Lechelt to present interesting thoughts and ideas about web technology. I met Kahlil in Texas when I was out there earlier this year. Top bloke. My article's about how we can think more ...Read more ▸
This article discusses a bleeding edge browser feature in a state of flux, with pretty much non-existent browser support — beware! CSS3 introduced media queries: the ability to make styling decisions based on features of the media a web page is being served on. The most popular of these were width ...Read more ▸