Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Smashing Newsletter: Issue #51

This newsletter issue was sent out to 99,274 newsletter subscribers on Tuesday, January 24th 2012. If you haven’t subscribed to the newsletter yet, you can subscribe now1 to receive the next issue.


Hello dear Smashing Magazine fans!

As many as you have already noticed, the team over here at Smashing Magazine has rolled over the new design2 two weeks ago. They’ve done their best to improve the design, make the content more accessible and improve your overall experience on the site. On behalf of the entire team, we want to kindly thank you, dear fans and readers, for your encouraging feedback and bug reports. Please do know that the final design wouldn’t have been possible without your help!

Smashing Cat in Singapore

I’d also like to thank two particular fans, Simon and Florine who have invited me to Singapore and took me to a fantastic tour throughout the city. I’d love to meet you all at our next meetup on Monday (30.01) in Basel, Switzerland. We’re very happy to welcome Denise Jacobs and Francis Chouquet as guest speakers and also thank our kind sponsors Magnolia CMS and i-net basel once again — food and drinks are free of charge!

Hurry up and sign up to the meetup now and don’t miss out on the opportunity to meet my lovely Smashing team members! We all look forward to seeing you there!

— The Smashing Cat, *meow*

Table of Contents

  1. Color Palette Generator: Color Thief3
  2. Notification Control: Fighting Email Notifications4
  3. Showcase Of Typographic Posters5
  4. Exploring The Power Of Command-Line Tools6
  5. HTML5, Please7
  6. Too Busy To Read A Book?8
  7. Facebook And jQuery Bootstraps: Strap Those Boots9
  8. Cut The Rope: An Addictive HTML5 Game10
  9. New on Smashing Magazine11
  10. Smashing Highlights12

1. Color Palette Generator: Color Thief

Starting a new design concept takes creativity, talent and special skills. Sometimes all your new client gives you is a single picture, from which you have to create an entire color palette. Due dates are always too soon, and you would always like more time to invest in conceptual development. Does this sound like a common predicament? How about easing the process with the help of Color Thief?

Color Thief13

Created by Lokesh Dhakar, this tool uses a script to identify the dominant color from a picture and the adjacent colors with which to compose the palette. Try incorporating this little service in your workflow next time and you’ll find you have more time for creative brainstorming sessions. (tt)

2. Notification Control: Fighting Email Notifications

We’ve all been there: email notifications from popular social networking websites keep polluting our inbox, informing us of new messages, birthdays, recently uploaded images, random acquaintances and unsolicited invitations to groups, circles and games. Unfortunately, most websites don’t make it particularly easy for users to turn off all email notifications at once, so just deleting the message itself rather than going into the settings to disable each notification category often seems easier. Well, not anymore.

Notification Control: Fighting Email Notifications14

Notification Control15 is a little service that helps you get rid of notifications in a few clicks. The website essentially presents a list of pointers to notification settings pages on Facebook, Twitter, Tumblr, Google+, LinkedIn, StumbleUpon, Forrst and other websites. Take a couple of minutes to actually go through the links, tick off some settings and make your inbox a bit cleaner in one fell swoop. (vf)

3. Showcase Of Typographic Posters

When the subject of typography comes up, the first things that come to most people’s minds are text, fonts and arrangement of space. Indeed, the main function of typography is to make language visible and understandable. But this function can also be applied to expressive artwork.

Showcase Of Typographic Posters16

Good examples of how type and art can come together well can be seen on Typographic Posters17, curated by André Felipe, a graphic designer who loves typography and its unorthodox uses. The project features literally hundreds of posters, a great resource that could be either a new platform to show your talent or a reference for your next design project. (tt)

4. Exploring The Power Of Command-Line Tools

Command-line tools can make both simple and complex tasks a lot faster to perform, eliminating the hassle of switching back and forth between desktop applications. Bang is one such tool; it lets you create tickets right in your code using Twitter-style tagging. It’s an ideal to-do list for individuals and small projects.

Exploring the Power of Command-Line Tools

Glue18 is another great command-line tool, this one for generating CSS sprites. It includes automatic generation of all required PNGs and CSS as well as optional LESS output.

And if you’re looking for a command-line interface for WordPress, look no further than wp-cli19. It’s a set of tools for controlling WordPress installations right from the command line. Now you’ve got an arsenal of quick time-savers that will surely boost your productivity! (cc)

5. HTML5, Please

With all the excitement surrounding new HTML5 and CSS3 features, perhaps we sometimes overlook the problems some of them might introduce as well. HTML5 Please20 is a resource that offers us the collective knowledge of professional developers who have worked deep in the trenches of HTML5.

HTML5, Please21

The website lets you look up HTML5 and CSS3 features, see whether they are ready for use and, if so, learn how to to use them — for example, with polyfills, fallbacks or as they are. It features both well known and obscure features and explains how well they are supported today. You can sort features according to browser, mobile device, whether they require prefixes, polyfills or fallbacks, and coding language (i.e. CSS, HTML, API or JavaScript). And you can type the feature that you want to look up as well. A useful resource worth bookmarking. (vf)

6. Too Busy To Read A Book?

Are you one of those readers who has had the same book on the nightstand for five months now? You probably just haven’t had time to read a whole book. Well, DailyPag.es22 enables you to read a book bit by bit. Currently, you can sign up to receive the occasional chapter from one of eight eBooks.

Too Busy to Read a Book?23

Read Machiavelli, Aristotle or J.R.R. Tolkien, and catch up on the work of some of the last millenium’s great authors. drops a chapter into your inbox and lets you subscribe to reading groups to find like-minded people. Mixing in some off-topic reading with your daily chores will help free your mind for the tasks at hand. Sign up in seconds to enjoy a good read, or directly download entire books. (sp)

7. Facebook And jQuery Bootstraps: Strap Those Boots

If you have been looking for a toolkit to get your Facebook app development rolling, consider Fbootstrapp24 by Clemens Krack. The toolkit helps you develop iframe apps at appropriate sizes, and it includes the basic CSS and HTML that you need to match the typography, forms, buttons, grids and navigation to Facebook’s style.

Facebook and jQuery Bootstraps: Strap Those Boots25

You might also want to look at the jQuery UI Bootstrap. Its live preview feature lets you see buttons, file inputs, error messages, sliders, progress bars and calendars in the style of jQuery UI. Download the stable version to start building your apps, or get in the game and help develop the Bootstrap theme further. (sp)

8. Cut The Rope: An Addictive HTML5 Game

If you’ve got some work to do, you should probably skip this post and move right along to the next one. But if you do have time to spare, make sure to check out Cut the Rope26, an HTML5 game developed by Microsoft’s Internet Explorer development team, Pixel Lab and ZeptoLab (which created the original game for iOS devices) to showcase advances in Web standards. The game features canvas-rendered graphics, browser-based audio and video, CSS3 styling and WOFF fonts.

Cut the Rope: An Addictive HTML5 Game27

The developers also provide an interesting case study on how the game was ported from Objective-C to HTML5. In fact, the browser version contains about 15,000 lines of code. Now that’s an effort worth our appreciation! (cc)

9. New on Smashing Magazine

10. Smashing Highlights

Thank You For Reading!

We sincerely appreciate your time and your support. The next issue will be sent out on the 7th of February. See you next time!

Yours sincerely,
The Smashing Family

The authors of this newsletter are: Stephan Poppe (sp), Cameron Chapman (cc), Talita Telma (tt), Vitaly Friedman (vf), Iris Ljesnjanin (il), Lisa Lang (ll).


  1. 1
  2. 2
  3. 3 #a1
  4. 4 #a2
  5. 5 #a3
  6. 6 #a4
  7. 7 #a5
  8. 8 #a6
  9. 9 #a7
  10. 10 #a8
  11. 11 #a9
  12. 12 #a10
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39

↑ Back to top Tweet itShare on Facebook

The Smashing Editorial prepares bi-weekly newsletter issues with lots of love and appreciation for the good ol' web with the latest tips and tricks for designers and web developers. Vitaly Friedman, Smashing Magazine's editor-in-chief, started this project back in early 2010. Today, we can't imagine a better way of informing and communicating with our fans and readers!

  1. 1

    Matthew Hartman

    January 25, 2012 1:37 am

    Awesome round up! Thanks for sharing! :-)

    P.S. New design is rocking! Keep up the incredible work!


Leave a Comment

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