After seven months of production time on our new Smashing Book #32, we’ve finally received our very first copy3. At the same time, thousands of copies were sent out worldwide to the diverse Web design community. Since then, numerous reviews4, tweets5 and photos6 have been submitted by our readers across the world who have already received their brand new Smashing books. The photo below by Olivier Bertil is just one of them.
We are very excited and proud of the brand new Smashing Book #3, and we sincerely hope that you’ll find it useful and valuable. Feel free to buy a printed or eBook version8 if you haven’t already. Publish your feedback, reviews and/or photos, and share them with your friends using the hashtag
#smbook3 on Twitter. Be honest and be critical—we want to know what you really think!
The Smashing Team
Table of Contents
01. Art In My Coffee9
02. Which Type Of Type Do You Like?10
03. Beer Equals Creativity11
04. QArt Codes: Putting Pictures In The QR Codes12
05. Gmail Backup And Restoration At Will13
06. Decorated Playlists14
07. Privacy For All Concerned15
08. Organize Your Dropbox With Filters16
09. Cube: Fun With 3D Google Maps Maze17
Coffee is the world’s most consumed beverage, and we bet this is reality for you, too. Just picture your meetings, breaks, brainstormings, or the long nights working, and you’ll find a cup of coffee in the scenario. Indeed, coffee can be very inspiring—it accelerates the brain activity, can help prevent some diseases, and plays a social role of binging people together.
Jina Bolton and Megan Fisher saw the artistic side of this beverage and created the Tumblr blog Art In My Coffee19, which gathers photographs from beautifully prepared cups of coffee. You’ll see faces, hearts, teddy bears, flowers and many other decorative foam shapes. It’s amazing to see how people’s creativity can be applied in such a specific area. (tts)
You’re looking for a new typeface. Sure, there are plenty to choose from through the various font delivery services like TypeKit or Fontdeck. But which ones to choose? How to combine those typefaces meaningfully? Content is type, and without properly set type, communication can be weak, ineffective and even counter-productive. To get some inspiration for your typography you might want to take a look at some interesting examples and samples from Daniel Eden’s Just My Type20.
Some of the typeface combinations aren’t necessarily revolutionary, but Eden delivers a nice, visually pleasing collection, nevertheless. And some of the fonts are even free. Whether you’re looking for a new font to please a client, or just to play around with, you won’t waste your time visiting Dan’s website, either way. And if you are looking for a more thorough article on combining type, make sure to check Four Techniques for Combining Typefaces22 as well. (jc)
Don’t you wish you could be creative every day for a whole year? Finding daily inspiration daily does sound odd, and unlikely, when juggling work, responsibilities, and possibly even a private life. But the German graphic designer Hannes Beer showed us in 2011 with his All Day Every Day Project23 that it can be done.
Whether you’re just looking for your own spark of inspiration or want to see some cool designs, you will be served. Veerle Pieters25 reposted part of the project on her website. A more appropriate forum could not be found, as these respective styles intermesh nicely. You can spend a long time onsite, and come out both amazed, as well as invigorated. (jc)
By now, everyone should know what QR Codes (Quick Response Codes) are. QR Codes are two-dimensional codes which are used for encoding different URLs. For example, if you want to get information about a hairdresser and you see a QR Code on the door of his barbershop, you only need to scan it on your cell phone. The website will be loaded immediately on your phone.
But do QR Codes have to look as boring as they usually are? Not really. It is possible to create a QR Code with a picture on it which makes the whole thing more exciting. Russ Cox explains in his post on QArt Codes27 the math behind making such QR Codes—step by step. Russ’s post might be very interesting for you if you want to understand the making of creative QR Codes in detail including the mathematical background. (sw)
Anytime we’re using a cloud-based product, there’s always the risk of something happening that’s beyond our control, causing us to lose our data. And while we like to think that larger, older companies like Google are immune to this, they’re not. That’s why it’s important to have a backup of your data.
Gmvault29 lets you create a full backup of your Gmail account that you can restore at will. It lets you backup all of your emails, keep them regularly backed up, and even encrypt those saved emails so you can store them securely in the cloud. It also lets you restore your emails in any Gmail account (a great feature if you need to consolidate two Gmail accounts). It’s highly customizable but easy to use for both tech-savvy and not-so-tech-savvy users. (cc)
The idea of creating personalized playlists is not new. Cassette recorders first allowed creating mix tapes, followed by self-burned CDs, but these practices have become obsolete. The growth of online mixes and playlists have allowed the creation of personalized cover designs for those lists.
The Web Designer and former DJ Simon Foster shows how music and design are closely related through a collection of mixes and covers called Decorated Playlists31. The mixes are classified by the content, and each design is consistent to the theme chosen for the playlist: with “Ca$h is King”, all the songs are related to money. In “Shapes” you’ll hear “Bizarre love triangle”, “Four Corners” and “Square Dance Rap”. (tts)
As we all realize more and more, privacy is a huge concern in today’s Web usage. You download an app, and right away you’re asked whether you want to receive Push-messages and would you like to turn on the geolocation, so you can be tracked all the time? Obviously we all trust Facebook, Google and Twitter to handle our data, with the utmost delicacy… don’t we? Well, the folks at PrivacyPatterns32 are doing something about it.
Nick Doty, Mohit Gupta and Jeff Zych34 are attempting to translate all the privacy-oriented concerns into a “standard language for privacy-preserving technologies”. By documenting general solutions, they’re hoping to ease the privacy-question for designers and developers. Maybe soon we won’t have to deal with the typical hundreds-of-pages-long privacy contract. (jc)
Sortbox35 is a very handy tool to keep your Dropbox organized. The concept behind it is similar to e-mail filtering—you can create filters based on keywords, file extensions, or name patterns. Just drop files into the Sortbox folder of your Dropbox.
Behind the hood, the contents of your Sortbox folder is checked every 15 minutes. If your rules match with any file Sortbox will automatically allocate those files to their right location. Of course, all file moves are also logged, so you never lose a file. Sortbox is free, open source and BSD licensed. The tool was created by Mustafa, Kanishka and Sid, and it is also hosted on GitHub37. (ml)
What if you combined the utility of Google Maps with… gaming? Well, it is possible and Cube38 utilizes the power of Google Maps into a game. The challenge is to navigate a ball on a 3D Google maps cube, avoiding 3D buildings, traffic jams or other obstructions. You navigate the ball by rotating the cube, and try to reach the defined destination.
There are eight levels to complete, each set in a different city. The game becomes more interesting as you progress through the levels, and there are some nice features to explore indeed. For example, in London you are able to go underground and use the Metro lines to move closer to your target. In order to play the game40, you need a HTML5-ready browser and a broadband connection. Make sure that you don’t have anything urgent to finish though—the game is addictive. (ml)
The authors in this newsletter are: Talita Telma Stöckle(tts), Jan Constantin (jc), Swetlana Senkevitch (sw), Cameron Chapman (cc), Melanie Lang (ml), Iris Lješnjanin (il), Vitaly Friedman (vf), John von Bergen (proofreading).
- 1 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 http://www.smashingmagazine.com/2012/05/08/the-smashing-book-3-redesign-the-web-is-out/
- 3 http://media.smashingmagazine.com/wp-content/uploads/2012/05/animation1-500px.gif
- 4 http://www.smashingmagazine.com/2012/05/08/the-smashing-book-3-redesign-the-web-is-out/#reviews
- 5 http://twitter.com/#!/search/%23smbook3
- 6 http://www.facebook.com/media/set/?set=a.10150877637542490.435671.45576747489&type=1
- 7 http://www.smashingbook.com
- 8 http://www.smashingbook.com
- 9 #a1
- 10 #a2
- 11 #a3
- 12 #a4
- 13 #a5
- 14 #a6
- 15 #a7
- 16 #a8
- 17 #a9
- 18 http://artinmycoffee.com
- 19 http://artinmycoffee.com
- 20 http://daneden.me/type/
- 21 http://www.typography.com/ask/recentTopic.php?rtID=92
- 22 http://www.typography.com/ask/recentTopic.php?rtID=92
- 23 http://www.flickr.com/photos/haynesmann/sets/72157625519752255/
- 24 http://veerle.duoh.com/design/article/all_day_everyday_project
- 25 http://veerle.duoh.com/design/article/all_day_everyday_project
- 26 http://research.swtch.com/qart/
- 27 http://research.swtch.com/qart/
- 28 http://gmvault.org/
- 29 http://gmvault.org/
- 30 http://decoratedplaylists.com/
- 31 http://decoratedplaylists.com/
- 32 http://privacypatterns.org
- 33 http://privacypatterns.org/about/
- 34 http://privacypatterns.org/about/
- 35 http://www.sortmybox.com/
- 36 http://www.sortmybox.com/
- 37 https://github.com/mustpax/sortbox
- 38 http://www.playmapscube.com/
- 39 http://www.playmapscube.com/
- 40 http://www.playmapscube.com/