Some tips for getting responsive images to work well on the Apple Watch:
- test your layouts down to 136-
pxwide- include
300w-ish resources in your full-widthimg’ssrcsets- art direct to keep image subjects legible
- say the magic
metawords
Six steps to kickstart a web performance culture:
- Your dev environment is not your user’s environment
- It’s better to learn the fundamentals than the library
- Get the time to experiment and validate
- Educate your colleagues
- Share and celebrate success (and failure) stories
- Make performance part of your workflow
One more reason not to use sticky headers on mobile.
It’s no substitute for testing with real devices, but the “device wall” view in this Chrome plug-in is a nifty way of getting an overview of a site’s responsiveness at a glance.
If you ever need to pull up some case studies to demonstrate the business benefits of performance, Tammy and Tim have you covered.
A nice rundown of some of the fun you can have with viewport units.
I’m very glad the problems with vh units I wrote about a little while back is getting fixed in Chrome for mobile.
This is a clever technique by Dave—use viewport units to make a lightweight lightbox.
Some really great CSS tips from Rich on sizing display text for multiple viewports.
A comparison of when to use percentages and when to use vw/vh in your CSS.
A handy little bookmarklet for quickly checking how a site might look at different screen sizes, and you can customise it to use whichever screen sizes you like.
Useful advice from Tim on preparing your responsive site for IE10’s new “snap mode”. Don’t worry: it doesn’t involve adding any proprietary crap …quite the opposite, in fact.
A handy little tool for testing responsive designs by automatically changing your browser viewport size.
Another "barnacle app" built on Twitter: answer a question, view the results. Cute.