Smashing Daily #13: Responsive Images, Touch, Margins
- May 31st, 2012
- 0 Comments
If you have 50 minutes to spare, this is probably one of the better ways to spend them. In this video Matt Wilcox talks about responsive design and about responsive images, in particular.
“Guidelines for Building Touch-friendly Sites3”
Here are some simple but valuable tips for optimizing your websites for touch devices. I’d like to add the idea to make touch the default and treat mouse interaction as a possible enhancement. You might want to get used to this idea.
“It’s Not File Size That’s Killing iPad Magazines5”
An excellent article about what it is that’s killing iPad (or online) magazines. It comes down to the idea that an article with a URL (so you can point to it, share it or save it) has much more value than an article that’s published in a paper magazine (which you will never be able to find again after you’ve read it). So emulating paper magazines is probably not the right answer.
“10 Million hits a day with WordPress using a $15 server7”
Here’s a great lesson in server optimization, a great read for people with busy blogs who would like to cut down on the costs.
More and more ultracool stuff can be done in the browser. Some browsers support the
getUserMedia device API which lets you use the camera—when you have access to the camera you can create crazy stuff (like the illusion that there’s a lion printed on a piece of paper, when in fact, it’s not). I’m sure people will come up with useful stuff eventually, but until then I’ll thoroughly be enjoying this.
“Fish: a tap essay10”
Usually I never link to apps that only work on certain devices, but I really like the subject of this tap essay. It should be available as a Web page though, as the message is too good for an obscure app (and to be honest, the fact that there is no back button sucks).
“Which responsive images solution should you use? | CSS-Tricks11”
A lot has been written about responsive image solutions but the perfect answer is not yet available. Chris Coyier wrote this practical article which helps you choose the right responsive image solution for your current project.
A while ago I was thinking and talking about the fact that notes in paper books can be very interesting but are lost forever most of the time (in contrast to notes in eBooks, which can be published, saved and indexed). Some of these old notes are recovered in this amusing image.
- 1 http://vimeo.com/38947881
- 2 http://vimeo.com/38947881
- 3 https://blogs.msdn.com/b/ie/archive/2012/04/20/guidelines-for-building-touch-friendly-sites.aspx?Redirected=true
- 4 http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
- 5 http://bcolbow.tumblr.com/post/19708636095/its-not-file-size-thats-killing-ipad-magazines
- 6 http://bcolbow.tumblr.com/post/19708636095/its-not-file-size-thats-killing-ipad-magazines
- 7 http://www.ewanleith.com/blog/900/10-million-hits-a-day-with-wordpress-using-a-15-server
- 8 http://creativejs.com/2012/03/augmented-reality/
- 9 http://creativejs.com/2012/03/augmented-reality/
- 10 http://www.robinsloan.com/fish/
- 11 http://css-tricks.com/which-responsive-images-solution-should-you-use/
- 12 http://laphamsquarterly.org/visual/Marginalized.png
- 13 http://laphamsquarterly.org/visual/Marginalized.png
- 14 www.smashingmagazine.com/the-smashing-daily-archive/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/