Menu Search
Jump to the content X

Smashing Daily #13: Responsive Images, Touch, Margins


There’s a link to an image with almost inaccessible but amusing content in this edition of The Smashing Daily, and also a link to a native app—two things that I usually don’t link to. But they’re worth it, I think. The rest of the links are definitely worth it, especially it you’re a responsive developer, an interaction freak, a future JavaScript expert, a content lover or a performance geek. You’re none of those? Well, you’ll probably enjoy a thing or two anyways.

Adaptive Images
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.

A video about responsive images

Guidelines for Building Touch-friendly Sites
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.

Introduction to JavaScript Source Maps
Debugging compiled/minified JavaScript or CSS can be pretty hard, so we usually don’t minify while we’re developing. Ryan Seddon introduces us to source maps, a way to find the position of a piece of minified code in the original source. Hardcore, but probably pretty handy.

It’s Not File Size That’s Killing iPad Magazines
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.

A post about online magazines

10 Million hits a day with WordPress using a $15 server
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.

Augmented Reality comes to JavaScript
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.

Is Mickey Mouse real?

Fish: a tap essay
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-Tricks
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.

Last Click

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.

Hilarious margins

Previous Issues

For previous Smashing Daily issues, check out the Smashing Daily Archive.

Smashing Book #5

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top Tweet itShare on Facebook

Vasilis van Gemert is the Principal Front-end Developer at Mirabeau in The Netherlands and a board member of Fronteers. His aim is to close the gap between design and (front-end) development. He believes the excess of knowledge he has can be better used by others, by more creative and smarter people. You can follow him on Twitter.

  1. 00

    No comments have been posted yet. Please feel free to comment first!
    Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that all fields are mandatory, comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code><pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top