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!
I’d also like to thank two particular fans, Simon and Florine who have invited me to Singapore4 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!
— The Smashing Cat, *meow*
Table of Contents
01. Color Palette Generator: Color Thief6
02. Notification Control: Fighting Email Notifications7
03. Showcase Of Typographic Posters8
04. Exploring The Power Of Command-Line Tools9
05. HTML5, Please10
06. Too Busy To Read A Book?11
07. Facebook And jQuery Bootstraps: Strap Those Boots12
08. Cut The Rope: An Addictive HTML5 Game13
09. New on Smashing Magazine14
10. Smashing Highlights15
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 Thief16?
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)
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 Control19 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)
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.
Good examples of how type and art can come together well can be seen on Typographic Posters21, 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)
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. Bang22 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.
And if you’re looking for a command-line interface for WordPress, look no further than wp-cli25. 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)
With all the excitement surrounding new HTML5 and CSS3 features, perhaps we sometimes overlook the problems some of them might introduce as well. HTML5 Please26 is a resource that offers us the collective knowledge of professional developers who have worked deep in the trenches of HTML5.
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.es28 enables you to read a book bit by bit. Currently, you can sign up to receive the occasional chapter from one of eight eBooks.
Read Machiavelli, Aristotle or J.R.R. Tolkien, and catch up on the work of some of the last millenium’s great authors. DailyPag.es 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)
If you have been looking for a toolkit to get your Facebook app development rolling, consider Fbootstrapp30 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.
You might also want to look at the jQuery UI Bootstrap32. 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)
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 Rope33, 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.
The developers also provide an interesting case study35 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)
- Introduction To Linux Commands36
- Open Call For International Communities37
- Extracting Logos Using Levels In Adobe Fireworks38
- How To Integrate Facebook, Twitter And Google+ In WordPress39
- Designing The Well-Tempered Web40
- Resolution Independence With SVG41
- How Commercial Plugin Developers Are Using The WordPress Repository42
- Inclusive Design43
- It Works For “You”: A User-Centric Guideline To Product Pages44
- Web Design Questionnaires, Project Sheets and Work Sheets45
A review of questionnaires and worksheets used by actual Web design companies, including some of the leaders in the industry. Both online and downloadable forms are included, as well as the pros and cons for each format.
- The Art Of Film Title Design Throughout Cinema History46
This article takes a closer look at the evolution of film title design and some particularly interesting titles from various periods in the history of cinema and animation.
- 45 Incredibly Useful Web Design Checklists and Questionnaires47
A comprehensive overview of useful Web design checklists and questionnaires. With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of any site.
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!
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 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 http://www.smashingmagazine.com/
- 3 http://www.flickr.com/photos/68892449@N05/6754125375/in/photostream
- 4 http://www.flickr.com/photos/68892449@N05/
- 5 http://www.meetup.com/The-SmashingMagazine-Meetup/
- 6 #a1
- 7 #a2
- 8 #a3
- 9 #a4
- 10 #a5
- 11 #a6
- 12 #a7
- 13 #a8
- 14 #a9
- 15 #a10
- 16 http://www.lokeshdhakar.com/2011/11/03/color-thief/
- 17 http://lokeshdhakar.com/projects/color-thief/
- 18 http://notificationcontrol.com/
- 19 http://notificationcontrol.com/
- 20 http://www.typographicposters.com/
- 21 http://www.typographicposters.com/
- 22 http://thecodebase.com/bang/
- 23 http://thecodebase.com/bang/
- 24 https://github.com/jorgebastida/glue
- 25 https://github.com/andreascreten/wp-cli
- 26 http://html5please.us/
- 27 http://html5please.us
- 28 http://dailypag.es/
- 29 http://dailypag.es/
- 30 http://ckrack.github.com/fbootstrapp/
- 31 http://ckrack.github.com/fbootstrapp/
- 32 http://addyosmani.github.com/jquery-ui-bootstrap/
- 33 http://www.cuttherope.ie/
- 34 http://www.cuttherope.ie/
- 35 http://www.cuttherope.ie/dev/
- 36 http://coding.smashingmagazine.com/2012/01/23/introduction-to-linux-commands/
- 37 http://www.smashingmagazine.com/2012/01/21/open-call-for-international-communities/
- 38 http://fireworks.smashingmagazine.com/2012/01/20/extracting-logos-using-levels-in-adobe-fireworks/
- 39 http://wp.smashingmagazine.com/2012/01/19/facebook-twitter-google-wordpress/
- 40 http://uxdesign.smashingmagazine.com/2012/01/17/designing-well-tempered-web/
- 41 http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/
- 42 http://wp.smashingmagazine.com/2012/01/13/commercial-plugin-developers-wordpress-repository/
- 43 http://uxdesign.smashingmagazine.com/2012/01/12/inclusive-design/
- 44 http://uxdesign.smashingmagazine.com/2012/01/10/it-works-for-you-a-user-centric-guideline-to-product-pages/
- 45 http://www.smashingmagazine.com/2010/11/26/web-design-questionnaires-project-sheets-and-work-sheets/
- 46 http://www.smashingmagazine.com/2010/10/04/the-art-of-the-film-title-throughout-cinema-history/
- 47 http://www.smashingmagazine.com/2009/06/29/45-incredibly-useful-web-design-checklists-and-questionnaires/