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 #63

This newsletter issue was sent out to 108,721 newsletter subscribers on Tuesday, July 10th 2012. If you are not subscribed yet, feel free to subscribe to our email newsletter1 anytime.


Do you remember back in the day when you were asked that question at a party, “So, what do you do for a living?” After you cautiously mumbled something like “webmaster” or “webadmin”, you probably felt embarrassed and were disappointed by the wilting expression of your discussion partner. After all, everybody knew a kid in the neighborhood who was a “webmaster”. Of course, things have changed for Web designers over the years, but you still get that disappointed look every now and then, don’t you?

Image source3.

We, as Web craftsmen, shape virtual space for everybody to use, and work hard to make our creations as good as they can be. We have an exciting, difficult job — a craft full of responsibilities. A craft that requires a high level of professionalism and dedication to be able to build accessible, beautiful and user-friendly online experiences. Next time you get that disappointed look, explain why being a Web designer is fantastic, rewarding work. Because that’s what you love to do all day long. And then one day, someone will come up to you, look you squarely in the eyes and say the magic words that you will never forget: “I want to be a Web designer when I grow up.”

As always, our aim is to help you to stay up to date with the current trends and techniques to keep you improving your Web skills. In this newsletter issue, we’re giving away tickets to the HOW Interactive Design conferences — one ticket for each event. Send us a tweet using the hashtag #smhow to which location you would rather go, and why you like to be a Web designer!

Yours sincerely,
The Smashing Team

Table of Contents

  • Science Is Cool4
  • Rolling Up Your Inbox5
  • Secure Shell In Your Browser6
  • The Fabulous Tale Of The Web7
  • Stationery Design Inspiration8
  • Excel-Like Tables For The Web9
  • What’s The Last Great Thing You Saw?10
  • Is Your Portfolio Up-To-Date?11
  • 1. Science Is Cool

    Thanks to “The Big Bang Theory” as well as other other geek-chique shows, those among us who have always been nerds are finally cool and come out of the nerd-closet, shouting: “I love science!”. If you enjoy reading Scientific American or National Geographic, or like watching science shows, It’s Okay To Be Smart12 should have you rubbing your hands in anticipation.

    Science Is Cool13

    Joe Hanson14‘s blog differs from most by injecting wonder and creativity back into the general understanding of science. You can find short clips, informative articles and even Q&As—just in case you aren’t an expert in every scientific discipline. Joe’s website is a wellspring of information, trivia and even mirth! (jc)

    2. Rolling Up Your Inbox

    You turn on your computer, open your inbox, and are flooded with email newsletters, subscriptions, spam, and sometimes hidden away, one or two personal emails. Unroll.me15 is offering a simple solution to the e-garbage dilemma.

    Rolling Up Your Inbox16

    The team has come up with an idea of a “rollup” interface that allows you to end unwanted subscriptions, and rolling up the rest into a single, organized and prioritized overview mail. You can select the emails that are overloading your inbox and let the tool automatically unsubscribe you all at once. And if you change your mind, there’s also an option to re-subscribe.

    The intuitive rollup lists the subscriptions according to category and allows you to quickly choose what to keep (and what to kick to the curb). At the moment the tool supports only Gmail, but the creators are working to support other email providers, too. (jc)

    3. Secure Shell In Your Browser

    If you spend most of your time developing Web applications (or managing servers), chances are high that the terminal is your good friend. However, if you just want to check something on the server, compile your code after a quick lookup on the Web, then switching back and forth between terminal and browser might be a bit… unnecessary (especially if you are using Vim). Secure Shell Chrome Extension17 might be just what you are looking for.

    Secure Shell In Your Browser18

    The extension is a terminal emulator and secure SSH client, similar to PuTTY on Windows and ssh command-line applications on Mac OS X and Linux systems. It uses Native-Client to connect directly to SSH servers without external proxies. The extension is developed by the Google Chrome team and is still in the development phase (so bug reports are highly welcomed). Right now you can play the good ol’ Zork right in your terminal, within your browser! (sw)

    4. The Fabulous Tale Of The Web

    Evolution Of Web 19 might appear to you like the multi-colored tentacles of a magical cuttlefish gliding alongside planet orbit lines in deep space. In fact, you’re looking at the fascinating development of Web browsers and technologies in the span of time from 1991 until 2012. By scrolling on the names of the technologies, you can get a comprehensive overview of the support for numerous features that evolved over time in the Web landscape.

    The Fabulous Tale Of The Web20

    The color bands represent the interaction between Web technologies and browsers, which brings to life the many powerful Web apps that we use daily. The dense scenery between 2008 and 2012 demonstrates clearly (and with great visual impact) how intense the interplay and mingle of technologies has recently become. While this impressing visualization is taking effect on you, don’t forget that this universe is still in its infant stage. (ea)

    5. Stationery Design Inspiration

    Whether they are die cut or laser cut designs, letterpress notes, cards using embossing or engraving techniques, silkscreen cards, or just good ol’ pencil-work, there is something special about stationery design… isn’t there? The pleasure of seeing and feeling the design can be breathtaking, and with modern technology, special printing processes and uncountable paper qualities, creativity has no limits for designing exceptional paper sets.

    Stationery Design Inspiration21

    The blogs Lovely Stationery22 and Oh So Beautiful Paper23 celebrate the diversity of stationery design techniques and feature state-of-the art examples. Lovely Stationery focuses on corporate identity design and business cards, while Oh So Beautiful Paper focus on notes, cards and invitations. What about producing a couple of beautiful stationery designs for your portfolio during the next weekend? (tts)

    6. Excel-Like Tables For The Web

    Excel is a great option if you need to create a spreadsheet or a table. But if you want an editable spreadsheet or table on your website (e.g. for your clients’ dashboard), you might need a different option—especially if you want it embedded on a website. With Handsontable jQuery library, you get an editable table with Excel-like features.

    Excel-Like Tables For The Web

    Handsontable provides quite a few useful features that Excel is well-known for. The library allows you to use auto-expanding and auto-complete as well as add new rows and columns. It also includes a legend, scrolling (so as your table grows, it won’t take up your entire page and become unwieldy), context menus, conditional formatting and other features. You can even set it to track changes made to the table! And, all the data you enter in Handsontable can be copied and pasted to Excel, Google Spreadsheet, or LibreOffice. The library has extensive documentation and a couple of advanced demos that are worth checking out as well. Developed by Marcin Warpechowski and licensed under the MIT license. (cc)

    7. What’s The Last Great Thing You Saw?

    With the huge amount of information streaming towards us online, sometimes it’s difficult to find truly original, exciting, interesting things (and not necessarily online, but also offline). What if someone kept track of these things that creative designers, developers, writers and artists worldwide find or stumble upon? That’s exactly why The Last Great Thing24 is one step ahead.

    What's The Last Great Thing You Saw?25

    Each day, for 20 days, the authors of the website had asked smart and creative minds on the Web what was the last great thing they saw. Whatever it was, it had to be accessible on the Web (and not behind some paywall). It had to be great, special, unusual, provocative, moving, or just memorable. The submitted items ranged from videos, songs, an ovation, a forgotten sci-fi novel and a recommended play. A fantastic idea which could be extended to a “one great thing a day” kind of project. (ml)

    8. Is Your Portfolio Up-To-Date?

    When you’re reading the menu in a restaurant, or staring at a flyer in the town center, you might think of how beautifully designed they were—how unique and distinctive the designer’s style is. You wonder where you could find more examples of the designer’s work, and if he or she might be a great fit for your next design project. How disappointing is it, when after searching on Google, you find out that the designer’s portfolio is outdated or unavailable?

    Is Your Portfolio Up-To-Date?26

    A comprehensive portfolio can be just what a potential client is looking for before sending that design inquiry your way. A beautiful example of such a portfolio is Owen Davey’s website27. The designer tends to use vibrant, strong color schemes and incorporate animals into his illustrations. Yet if you look at the different projects by Owen, you’ll find out that they have his unique design signature written all over them. If you’re an artist and still don’t have your work online, this will surely motivate you to either start your own or update what you have! (tts)

    The authors in this newsletter are: Jan Constantin (jc), Swetlana Senkevitch (sw), Esther Arends (ea), Talita Telma Stöckle (tts), Cameron Chapman (cc), Melanie Lang (ml), Iris Lješnjanin (il), Vitaly Friedman (vf), Sven Lennartz (sl), Christiane Rosenberger (research), Elja Friedman (tools), John von Bergen (proofreading).


    1. 1
    2. 2
    3. 3
    4. 4 #a1
    5. 5 #a2
    6. 6 #a3
    7. 7 #a4
    8. 8 #a5
    9. 9 #a6
    10. 10 #a7
    11. 11 #a8
    12. 12
    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

    ↑ 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

      PLAY|WORK O.o
      Recently I’ve asked: “what is your job?”
      My happy response was: “I don’t work, I enjoy what I do, I play every day and have fun and last but not least I get paid to do it”.

      I’m a web & graphic design, HTML5 & CSS3 lover since 1995 and believe that this is what I was born to do, to have fun with this “job”. Looking your editorial image I felt a connection and want to share my own experience.


    2. 2

      Thank you for the nostalgic walk down memory lane with your “fabulous tale of the web”! Now I feel OLD!


    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