Smashing Daily #26: Retail, Gestures, Pointers
How do browsers work? How do you explain a gesture in a design? Why is performance so important? Where can you find good resources about accessibility? And what’s a cicada? These, and many more questions are answered in this edition of The Smashing Daily.
“We Can All Learn From Retail? I’ll Buy That1”
Here’s an excellent—though quite long—article about what we can learn from retailers when it comes to content. One easy thing you will learn when you take the time to read it is the strategy serves the organization, but the content serves the user. But there’s much, much more extremely useful information in this article. You should take your time to read it, it’s great.
“Open Source Multi-touch Gesture Library and Illustrations2”
Here’s a nice collection of open source gesture icons that might be handy when designing an interface for touch devices.
“Round-up of Web Browser Internals Resources – HTML5Rocks Updates4”
Paul Irish collected some resources about the internals of Web browsers, the way browsers work, and presented them in a fancy way on this page. If you have a mouse, be sure to hover over the images. And if you’re interested in these kinds of things, be sure to click on them.
“Where’s the Viewport Size Data?6”
So the average screen size of the average desktop computer is increasing. Some people draw conclusions from this statistic—others, like Adrian Roselli, wonder why these numbers are actually measured at all. Everybody who works on the Web knows that screen size has nothing to do with viewport size.
“Screen reader demos, research and resources7”
This is an impressive list of links to demos, research and other resources about accessibility, collected by Alistair Duggin. A very valuable page, you should definitely read it, study it, and bookmark it.
“10 questions about Web performance—Jeremy Keith at Clearleft8”
Why is Web performance so important? Jeremy Keith explains in this interview. Designers who believe that everybody using broadband should definitely read it, as well as everybody else who doesn’t think performance is part of the design process.
“Reading List 1810”
If The Smashing Daily is not enough and you need more to read, you can check out this reading list by Bruce Lawson with links about standards, mobile and devices, Web biz and more. Still not enough? Here’s another reading list11.
Eric Meyer translated the ideas and examples described in the classic article The Cicada Principle and Why It Matters to Web Designers13 to CSS gradients (yes, you should read it). Nice!
“View Source Bookmarklet14”
Up until now there have been several hacks to view the source of a document you’re viewing on your iOs device, most of them involving a remote server, and all of them not 100% reliable. In iOs this has finaly changed, with the help of this bookmarklet by John Weis.
Hilarious and addictive. Pictures of people pointing at your (mouse) pointer. Surprisingly entertaining. Want to know how it was done? Paul Irish made a video about it16 in which he explains that a Voronoi diagram was used. Yes, I also, had never heard of it before17.
- 1 http://contentsmagazine.com/articles/we-can-all-learn-from-retail-ill-buy-that/
- 2 http://gestureworks.com/features/open-source-gestures/
- 3 http://gestureworks.com/features/open-source-gestures/
- 4 http://updates.html5rocks.com/2012/04/Round-up-of-Web-Browser-Internals-Resources
- 5 http://updates.html5rocks.com/2012/04/Round-up-of-Web-Browser-Internals-Resources
- 6 http://blog.adrianroselli.com/2012/04/wheres-viewport-size-data.html
- 7 http://alistairduggin.co.uk/blog/screenreader-resources/
- 8 http://royal.pingdom.com/2012/04/12/10-questions-about-web-performance-jeremy-keith-clearleft/
- 9 http://royal.pingdom.com/2012/04/12/10-questions-about-web-performance-jeremy-keith-clearleft/
- 10 http://www.brucelawson.co.uk/2012/reading-list-18/
- 11 http://www.brucelawson.co.uk/2012/reading-list-18/
- 12 http://meyerweb.com/eric/css/tests/circadients.html
- 13 http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/
- 14 http://weisjohn.github.com/widgets/viewsource_bookmarklet/
- 15 http://www.pointerpointer.com/
- 16 http://www.youtube.com/watch?v=Z2ZXW2HBLPM
- 17 https://en.wikipedia.org/wiki/Voronoi_diagram
- 18 http://www.pointerpointer.com/
- 19 www.smashingmagazine.com/the-smashing-daily-archive/
- 20 www.smashingmagazine.com/the-smashing-daily-archive/