“Responsive design: techniques and tricks to prepare your websites1”
Here’s the best technical presentation about Responsive design that I’ve seen in a while. Andreas Bovens explains in detail all the current and future techniques you can use. You should definitely click through it, as it has the best explanation of all the meta-viewport options I’ve seen so far.
“It’s Not Working For Me: #crit”
Designers with an academic background have learned what critique is. They know how to give critique and how to deal with it, says Mark Boulton. He explains what academic and professional critique are and how important they are. He also explains why he thinks Twitter is a great place to give critique, but to distinguish it from trolling, he proposes to always use the #crit hashtag. A great read for all Web designers.
“CSS generated content and screen readers3”
Some screen readers do (and others don’t) announce CSS generated content: content that’s inserted with the
:after pseudo-elements. Roger Johansson explains what this means, and how you have to be careful with what you generate using CSS.
“The state of responsive advertising: the publishers’ perspective4”
One of the bigger issues with Responsive Web design is advertising—some might argue advertising is one of the bigger issues on the Web, but that’s another story. Matthew Snyder and Etai Koren wrote this lengthy article that clearly explains the current state of responsve advertising and outlines some possible solutions. A must-read for everybody who makes money with ads.
“Source shuffling—responsive images based on media queries”
There are many responsive image techniques. If you don’t really care about possible extra http-requests for every image on your website, then this technique by Jordan Moore might be just the thing you’re looking for. This technique (like most techniques) looks at the width of the viewport to decide what image should be used. I believe this is wrong: the size of the image in its context should decide what image is shown.
“Sorting—We’re Doing It Wrong6”
Be sure to keep this article as a bookmark somewhere, you’ll need it if you ever need to sort DOM elements (yes, you’ll probably need it someday). Rodney Rehm wrote down everything he found out about sorting, and it’s a lot! An incredible article. And even if this really isn’t your kind of thing, you’ll probably enjoy the video with the sound of sorting.
“Tomorrow’s Web type today: Expert subsets for CSS in 1238”
More and more OpenType features become available on more and more browsers every day. Elliot Jay Stocks explains how to use two of these features: old style numerals and real small caps. A must-read for all type nerds out there.
“A pointable we10”
Are digital things (or rather, things with a URL) more real than physical things? In this excellent series of articles Craig Mod takes the example of a great article in a magazine and explains that only if you can point at something it really exists. Pointing means that somehow you can share it, which most of the time means that it has a URL. A great read, especially for people who think simply emulating paper on digital devices is a good idea. Be sure to take your time and read part two11 and part three12 as well… they are really good!
- 1 http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future
- 2 http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future
- 3 http://www.456bereastreet.com/archive/201205/css_generated_content_and_screen_readers/
- 4 http://www.netmagazine.com/features/state-responsive-advertising-publishers-perspective
- 5 http://www.netmagazine.com/features/state-responsive-advertising-publishers-perspective
- 6 http://blog.rodneyrehm.de/archives/14-Sorting-Were-Doing-It-Wrong.html
- 7 http://blog.rodneyrehm.de/archives/14-Sorting-Were-Doing-It-Wrong.html
- 8 http://elliotjaystocks.com/blog/expert-subsets-for-css-in-123/
- 10 http://craigmod.com/satellite/pointable_01/
- 11 http://craigmod.com/satellite/pointable_02/
- 12 http://craigmod.com/satellite/pointable_03/
- 13 http://craigmod.com/satellite/pointable_01/
- 14 www.smashingmagazine.com/the-smashing-daily-archive/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
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? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.