Smashing Newsletter: Issue #79

This newsletter issue was sent out to 135,434 newsletter subscribers on Tuesday, March 5th 2013. If you are not subscribed yet, feel free to subscribe to our email newsletter1 anytime.

Editorial

Three years ago, the Smashing Newsletter was launched2 and since then our love and appreciation for the good ol’ Web has grown even more. We keep improving the quality of our bi-weekly newsletter and present to you only with the most useful and interesting tips and tricks for designers and Web developers. Today, we can’t imagine a better way of informing and communicating with our fans and readers! Thanks for staying with us — we appreciate it.

Editorial3

In today’s newsletter issue, we’ll be exploring a cool app, a type compatibility table, custom-designed icons to represent headlines, products we all wish would exist, a handy little Photoshop script, posters that tell the Oscar history in a very unique way, explore interviews with well-respected professionals, and last but not least, present to you the fresh new SMACSS eBook that is now available in the Smashing Library304!

Yours sincerely,
The Smashing Team

Table of Contents

01. Breaking Icons Of Breaking News5
02. Products I Wish Existed6
03. Tinytype: A Comprehensive Table For Default Fonts On Mobile7
04. Remove Unused Layer Styles In Photoshop8
05. SMACSS eBook Now Available In The Smashing Library!9
06. Seesaw: Social Decision-Making10
07. The Interface Question: Your Settings Vs. My Settings?11
08. Third-party Library Update Tracking12
09. Personified Oscar Statues13
10. The Gently Mad14

151. Breaking Icons Of Breaking News

It’s relatively easy to create icons for folders, arrows, download buttons or calendars. But what about creating an icon for a… headline? It’s probably much more of a creative challenge, but ultimately a bit more exciting too. Icons Times16 uses custom-designed icons to represent the headlines of the main breaking news of the day. On the site, instead of headlines, it’s icons that catch your first attention.

Breaking Icons Of Breaking News17

The creators of the project (who prefer to stay anonymous) scan news channels for the most interesting and important news, design icons that illustrate those news stories and put them on the site. The headlines are categorized into sections: business, entertainment, sports, technology and world. Can you figure out the idea of each icon before reading the actual headline? (ea)

182. Products I Wish Existed

How many million times have you dropped an idea? You had a flash of wit but this flash never turned into anything else, for whatever reasons (e.g. thoughts like: What the heck! Nah! Forget it! It’s not good enough. It’s difficult.)? We tend to underestimate the potential of our ideas and our capability to implement them.

Products I Wish Existed19

We often stop at a very early stage: we don’t even make our ideas tangible. But perhaps we should. On Products I Wish Existed20, designers and developers submit ideas for fantastic products they wish existed. If you are looking for the next big thing, perhaps it’s worth checking the ideas and building a solution to a real problem that people have. Or perhaps you’d like to add your own idea and see how it gets picked up and developed by the community? (ea)

213. Tinytype: A Comprehensive Table For Default Fonts On Mobile

Today we’re spoiled with choices when it comes to creating a website with beautiful typography. However, the rise of mobile devices and the need for a lighter page weight are important considerations when using Web fonts. It doesn’t make life easier that all those device operating systems are very different from each other, and often you might want to fall back on already available fonts in case Web fonts don’t load for some reason. Luckily, Jordan Moore spent some time putting together a type compatibility table22 showing available default system fonts across different mobile platforms.

 Tinytype: A Comprehensive Table For Default Fonts On Mobile23

The table shows the state of default system fonts across popular platforms: iOS, Android and Windows Phone 7. Jordan put it together as a way of finding alternatives to Web fonts when the page weight starts to get too heavy. You’re welcome to improve it and contribute to the project on GitHub24. (ml)

254. Remove Unused Layer Styles In Photoshop

You probably know the drill: you want to remove unused layer styles in Photoshop, but apart from click-dragging empty layer style options manually to the trash, the application is actually missing an efficient way to do so. Here’s where the power of the community comes in.

Remove Unused Layer Styles In Photoshop26

After a huge demand27 in a Photoshop support forum, Paul Riggot has developed a handy little Photoshop script that solves exactly this problem and removes layer styles you no longer need without too much clicking involved. You can download the script for free28. If the link has already used up its bandwidth, you can still find the script on the original post in the Photoshop forum. (cm)

295. SMACSS eBook Now Available In The Smashing Library!

If you’ve been a subscriber of the Smashing Newsletter for a while now, you probably know that we publish selected quality eBooks regularly in the Smashing Library304, our truly smashing eBook subscription. To provide even more value to our subscribers, we will also make available thoroughly selected eBooks from well-respected designers and developers in the industry.

SMACSS eBook Now Available In The Smashing Library!31

Jonathan Snook’s “Scalable and Modular Architecture for CSS” is the first, and more eBooks will be coming soon. Of course, we will announce them in our newsletters, but you can also follow our updates on Twitter32. And if you haven’t voted for the next eBook bundle to be released yet, make sure to vote now in your personal dashboard. (il)

336. Seesaw: Social Decision-Making

Life is full of decisions: what to plan for dinner tonight, what’s the perfect birthday gift for a friend, or which color should you paint your kitchen? Asking friends for their opinions often makes things easier, but what do you do when they’re not around the moment you have to decide? What about just starting a poll?

Seesaw: Social Decision-Making34

The Seesaw35 app could help you with this. Just take photos of your options and notify friends and family with a text or via Twitter/Facebook so they can cast their votes. Seesaw then provides you with real-time results of their opinions. The app is currently available only for iPhone. With a bit of support, big and small decisions will be easier — and probably even more fun! (cm)

367. The Interface Question: Your Settings Vs. My Settings?

Fancy a little mental experiment? Please have a look at the interface of your favorite website or app and now try to analyze: is it easier for you to see this interface as an extension of yourself, which is communicating for you, or as a separate personality — like a buddy — who is communicating with you? In other terms, should the interface use “your” or “my” when talking about your stuff? Should it be “your settings” or “my settings”? Which is right?

The Interface Question: Your Settings Vs. My Settings?37

You never thought you cared? Your subconsciousness probably does, as well as Dustin Curtis38; for him the question definitely matters. Thinking about the answer and its possible implications (nearly) ate his soul. If you are curious about the outcome, pay a visit to Yours vs. Mine39. According to Curtis, interfaces should mimic social creatures and they should have personalities. In the article, you’ll learn about two interesting neurological adaptations which might support each one of the two approaches, and you can make your own choice. (ea)

408. Third-party Library Update Tracking

Staying informed about the latest API changes and security updates is essential for any developer. But keeping track of all of these changes can be quite time consuming. You’re probably subscribed to a few mailing lists, have a couple of sites you are checking frequently, or run npm update and pip Install -U on a regular basis. In case you don’t want to remember all of these little time-eaters, there is a new service waiting to be explored: meet Bundlescout.

Third-party Library Update Tracking41

Just like the name implies, Bundlescout42 bundles the data about package updates, that you used to collect tediously from different sources, in one place. It monitors changes and sends you a notification e-mail with a list of packages once a day, so that you instantly know when an important update is released for one of your libraries. At the moment, Bundlescout supports Python’s PyPI, Node.js’ npm, and Ruby’s RubyGems with all of their 100,000 packages — and the number is constantly growing. Bundlescout offers both free and commercial plans. Now, that’s a little service that helps to simplify a developer’s life! (cm)

439. Personified Oscar Statues

February is the most exciting month for the movie industry: only the best in each category receive the biggest award, the Oscar. But after a couple of years have passed, do you still remember which movie was crowned with the golden statue, and in which year?

Personified Oscar Statues44

To celebrate the most remarkable winners every year, the designer Olly Moss was commissioned to create a poster called 85 Years of Oscars45. According to the brief, Olly had to find a way to reference every single Best Picture winner from the last 85 years. The result? The poster tells the Oscar history in a very unique way: each of 85 statues is characterized with motifs related to the winning movie for that year. There are statues for American Beauty, Titanic, Forrest Gump… well, which movies can you actually recognize? (tts)

4610. The Gently Mad

Have you ever wondered what people you admire professionally are like in private life? What are their hobbies, what do they like to eat, what are their views on random issues and concerns from our society?

The Gently Mad47

In the podcast The Gently Mad48, you can explore interviews with well-respected professionals — mostly Web designers and developers — who share their experiences, thoughts and interesting asides with curious people like you and me. If you pay attention, you will notice that your colleague or a designer/developer you aspire to be like has more in common with you than you thought! (tts)

The authors in this newsletter are: Esther Arends (ea), Melanie Lang (ml), Cosima Mielke (cm), Talita Telma Stöckle (tts), Iris Lješnjanin (il), Vitaly Friedman (vf), Sven Lennartz (sl), Christiane Rosenberger (research), Elja Friedman (tools), Clarissa Peterson (proofreading).

Footnotes

  1. 1 http://www.smashingmagazine.com/the-smashing-newsletter/
  2. 2 http://www.smashingmagazine.com/smashing-newsletter-issue-1/
  3. 3 http://www.smashingmagazine.com/smashing-newsletter-issue-79/
  4. 4 https://shop.smashingmagazine.com/smashing-library-complete.html
  5. 5 #a1
  6. 6 #a2
  7. 7 #a3
  8. 8 #a4
  9. 9 #a5
  10. 10 #a6
  11. 11 #a7
  12. 12 #a8
  13. 13 #a9
  14. 14 #a10
  15. 15 #
  16. 16 http://iconstimes.com/
  17. 17 http://iconstimes.com/
  18. 18 #
  19. 19 https://medium.com/products-i-wish-existed
  20. 20 https://medium.com/products-i-wish-existed
  21. 21 #
  22. 22 http://www.jordanm.co.uk/tinytype
  23. 23 http://www.jordanm.co.uk/tinytype
  24. 24 https://github.com/jordanmoore/tinytype
  25. 25 #
  26. 26 https://news.layervault.com/stories/1610-photoshop-script-to-remove-unused-layer-styles
  27. 27 http://feedback.photoshop.com/photoshop_family/topics/photoshop_feature_request_remove_unused_layer_styles
  28. 28 https://news.layervault.com/stories/1610-photoshop-script-to-remove-unused-layer-styles
  29. 29 #
  30. 30 https://shop.smashingmagazine.com/smashing-library-complete.html
  31. 31 https://shop.smashingmagazine.com/smashing-library-complete.html
  32. 32 https://twitter.com/SmashingLibrary
  33. 33 #
  34. 34 https://seesaw.co/
  35. 35 https://seesaw.co/
  36. 36 #
  37. 37 http://dcurt.is/yours-vs-mine
  38. 38 https://twitter.com/dcurtis
  39. 39 http://dcurt.is/yours-vs-mine
  40. 40 #
  41. 41 https://bundlescout.com/
  42. 42 https://bundlescout.com/
  43. 43 #
  44. 44 http://www.moss.fm/post/42872817213/i-worked-with-the-academy-and-gallery-1988-to
  45. 45 http://www.moss.fm/post/42872817213/i-worked-with-the-academy-and-gallery-1988-to
  46. 46 #
  47. 47 http://thegentlymad.com/
  48. 48 http://thegentlymad.com/

The Smashing Newsletter Team 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!

Advertising
  1. 1

    Vit, you’ve put together one of the top 5 blogs/ezines on the entire web. Your team is articulate, tasteful, intelligent, have a keen nose for important topics and the overall design is simple and beautiful. You guys are putting out valuable information, valuable code and really, really interesting webcentric journalism in every single issue. Congratulations on yet another outstanding compendium.

    1
  2. 2

    Just wanted to say how awesome you guys are and I always appreciate your newsletters

    2

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top