Smashing Newsletter: Issue #29
This newsletter issue was sent out to 53,823 newsletter subscribers on March 15th 2011.
Every other week our editorial team works on short, entertaining and (of course) relevant articles for the upcoming issue. The newsletter is sent out on Tuesdays, and contains unique tips and tricks for designers and Web developers, written by us exclusively for our email subscribers. You can subscribe to the e-mail newsletter1, of course.
Table of Contents
01. Method & Craft: The DVD Extras of Web Design2
02. User Interface Patterns for Android Apps3
03. Giving Credit Made Easy4
04. A Framework for CSS3 Buttons5
05. Showcase of Vinyl Records6
06. The Digital Wallet7
07. jQuery Waypoints: Scroll-Based jQuery Functions8
08. Famous Objects From Classic Movies9
Looking into the methods (and sometimes madness) of other designers can be fascinating and insightful. And reconsidering our own work habits after observing the habits of others sometimes results in higher productivity or better results. Finding that kind of information in a single place, though, is challenging at best. It often requires going to a bunch of different blogs, each of which focuses on a different designer.
Enter Method & Craft11. Describing itself as “the DVD extras of design,” it offers a behind-the-scenes look at different designs, including how they were achieved, the techniques used and how the designers have grown in their professional careers. It offers articles, interviews, videos (showing designers at work) and notes (offering short tips and links). Eight authors are currently contributing to the website, all with varied design backgrounds. (cc)
Design patterns, which are basically reusable solutions for recurring problems, can be found in many design niches; recently they have also turned up in user interface designs for Android apps. Android Patterns12 publishes a comprehensive set of interaction patterns that can help you design Android apps.
The website is built mainly for interaction designers who want to design Android applications that work well. The collection includes examples for navigation, screen interaction, user input and more. Each pattern is demonstrated in a wireframe and accompanied by descriptions of when and when not to use it, pros and cons, and screenshot examples. Designers of iPhone and iPad applications will appreciate pttrns14 and Mobile UI Patterns15, which was featured in the last issue of this newsletter. (tb)
Sharing and using free third-party content is widespread. It’s great that so many authors of source code, images and icons allow the Web community to use their creations. In return, we as users should give those authors credit. Thanks to a recent nifty tool, doing that is easy.
With Open Attribute17, you can easily find any Creative Commons-licensed content and copy and paste the correct attribution for it. The add-ons for Firefox and Chrome work just fine, but there are problems with the Opera add-on, and a Safari version is still under construction. (mm)
CSS3 presents so many new opportunities for the visual design of elements on your website, and creating GitHub-style buttons is just one example. Michael Henriksen’s CSS3 Buttons18 framework helps you create these buttons quickly and easily, using sprites to add icons to buttons.
Included are styles for regular buttons, primary buttons, negative buttons (which turn red when you hover over them), grouped buttons, buttons with icons and big buttons. The buttons work in all modern browsers (obviously, CSS3 features don’t work in IE8 and earlier). Using the code snippets is simple, with just a few lines of code to copy over. (cc)
It’s always nice to have your attention drawn to something you’ve never really noticed before. Remember vinyl records? The label in the center is where all the relevant album information is located. But that’s not all. Center labels more often than not include beautiful artwork, interesting typography and fun plays on words.
Center of Attention21 is a website dedicated to these little works of art. Set up and maintained by Web designer and ex-record collector Simon Foster22, the website is simple in concept, made up of center labels from different albums. Looks like we’ve found yet another illustrious source of design inspiration, full of interesting colors, shapes, graphics and typography. (kse)
Venmo23 is a new idea in the push to mobilize payment methods. Leave your cash and credit cards at home; all you need to take on the road is your mobile phone (iPhone or Android). Add money to your Venmo account, and then use that balance to quickly pay back friends via SMS for, say, lunch. For example, punching in “Pay 6468639557 5.75 for a sandwich” would send $5.75 to the user with the account number 6468639557, and “Pay Ted 5.75 for a sandwich” would send $5.75 to the account holder with the user name Ted.
The method for charging friends and other accounts is similar. Texting “Bal” gives you your current account balance, and you can charge up to $2.500 per month to Venmo through your credit card. The service is currently available only in the US, and support for more smartphones is on the way. Now you can use your phone to split restaurant bills, bar tabs, lunch, groceries, cab rides, tickets and what not. (sp)
Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Waypoints25 is a jQuery plug-in that makes it easy to execute a function when the user scrolls to a particular element.
Possible uses are infinite scrolling, sticky navigation, scroll analytics and more. Examples are included on the Waypoints website, as is the full documentation. The full source is only 15.4 kB, with minified and GZIP versions at 1.2 kB and 2.7 kB. (cc)
Have you ever noticed how certain objects remind you of certain movies? For example, if you were to see a picture of the Empire State Building, which movie would you think of? Or an apple? Or a ring?
Famous Objects From Classic Movies28 is an online game with over a hundred examples of famous objects. You can also suggest an object to be added to the game, along with the name of the movie in which it appears. The project was designed by three movie lovers based in New York: Ji Lee, Daniele Codega and Cory Forsyth. (ik)
The authors are: Thomas Burkert (tb), Manuela Müller (mm), Stephan Poppe (sp), Cameron Chapman (cc), Katrin Svana (ks), Iris Kopic (ik).
- 1 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 #a1
- 3 #a2
- 4 #a3
- 5 #a4
- 6 #a5
- 7 #a6
- 8 #a7
- 9 #a8
- 10 http://methodandcraft.com
- 11 http://methodandcraft.com/
- 12 http://www.androidpatterns.com
- 13 http://www.androidpatterns.com
- 14 http://www.pttrns.com
- 15 http://mobile-patterns.com/
- 16 http://openattribute.com/
- 17 http://openattribute.com/
- 18 http://css3buttons.michaelhenriksen.dk/
- 19 http://css3buttons.michaelhenriksen.dk
- 20 http://centerofattention.me/
- 21 http://centerofattention.me/
- 22 http://simonfosterdesign.com/
- 23 http://venmo.com/
- 24 http://venmo.com
- 25 http://imakewebthings.github.com/jquery-waypoints/
- 26 http://imakewebthings.github.com/jquery-waypoints/
- 27 http://famousobjectsfromclassicmovies.com
- 28 http://famousobjectsfromclassicmovies.com