Smashing Newsletter: Issue #77
Our brand new Mobile Book2 was a labor of love. But the love doesn’t just stop there! We’re giving away 20 exclusive A3-sized (11.6 × 16.5 inches) poster sets designed and created by the oh-so-talented Mike Kus, whose abstract illustrations are featured throughout the Mobile Book.
How can you get your hands on one of these posters, you ask? All you need to do is comment on this post4. If you haven’t got the Mobile Book yet, you can still get your book today5! The hardcover book features everything you need to know as a designer, developer or mobile strategist to be prepared for the future.
The Smashing Editorial Team
Table of Contents
01. Swiss Modernism: The Punk Way6
02. Your Own Remote Mobile Lab7
03. Jam For The Soul8
04. The Photographic Journal9
05. Seeking New Adventures: Smashing Workshops10
06. Designing Empty States, Intro Videos and UIs11
07. Travelling Library Of… Sketchbooks12
08. Stories And Faces Of Graphic Design13
09. Smashing Highlights (From Archives)14
10. New on Smashing Job Board15
11. Recent Articles on Smashing Magazine16
171. Swiss Modernism: The Punk Way
What do Foo Fighters, Iggy Pop, Radiohead, Pearl Jam, and Patti Smith have in common with Swiss Modernism? Hardly anything. Well, at least at first sight. Swissted18 proves otherwise. The personal project of New York-based graphic designer Mike Joyce combines both his love for punk rock and Swiss Modernism by redesigning old show flyers into typographic posters.
The still-growing collection already contains hundreds of vintage punk, hardcore, New Wave and indie rock posters of shows that have actually taken place. Each design is set in lowercase Berthold Akzidenz-Grotesk Medium and comes with the bold and clear look that is characteristic of Swiss graphic design. A rich source for typography and music lovers alike that is a real pleasure to look at. (cm)
202. Your Own Remote Mobile Lab
Every Web designer will know this one — and groan sympathetically. You’ve just finished designing your new website. It’s mobile first or responsive or just optimized for mobile and looks great on your mobile phone. Now comes testing on other mobile platforms. And this is where the headaches usually start. If only you could preview it simultaneously in different mobile formats from the get-go. Remote Preview21 to the rescue!
233. Jam For The Soul
Ever noticed how a live concert always sounds better than a recording? The recording will usually be much more perfect, with clean sound and no wrong notes; it’s the idea of a music piece. Live, however, you hear and feel the soul of the artist. And if you live in a town or city with few live music events, you can find yourself traveling long distances to experience the heart of music. Maybe The After Bedtime Sessions24 can offer some succor.
Drew and Lacey Williams’s live recordings of evening jam sessions with friends aren’t antiseptic, they’re all heart, all music and wrapped in a well-designed site. Their sweet, and at times melancholy, bluegrass songs will transport you back to those late-night jam sessions with friends. Whether you were playing or just letting the music and warmth flow over you, the moment was always displaced out of time. This is what a jam session should do; this is how Drew and Lacey’s music makes one feel — temporally suspended in a bubble of soulfulness. (jc)
264. The Photographic Journal
It’s true that most people don’t have only one passion or talent, and it’s the same with designers. If having to choose between illustration, typography, lettering or photography means to sacrifice the other ones… then how about combining all of them?
This was exactly what Agustin Sanchez and Dan Rubin did when they created the Photographic Journal28. Every two weeks, they publish photo contributions that display modern photographer’s intent, process, and drive to create. The goal of the project is to study those who maintain the craftsmanship of the past and who wake up every day to try again. The curators are constantly looking for contributors — so if you have a passion for photography, maybe you can submit your photo and story as well. (tts)
295. Seeking New Adventures: Smashing Workshops
We are always looking for new challenges that go beyond the scope of our regular work, and we are never afraid of new adventures. Last year, we organized a series of meetups and our very first Smashing Conference—both fantastic opportunities for us to connect with our readers and create memorable, exciting and unique experiences that delivered value for everybody involved!
This year, we’ll be running a series of full-day Smashing Workshops with the most talented, skilled and passionate experts in the field of Web design. The workshops will take place in our home town Freiburg (Germany) just at the foot of the legendary Black Forest. Here’s a quick overview of the upcoming workshops:
- “Sketching Interfaces” 32 with Eva-Lotta Lamm (March 22nd),
- “Visual Thinking”33 with Eva-Lotta Lamm (March 23rd),
- “Guerilla Marketing”34 with Paul Boag (April 5th).
Trust us—you won’t be disappointed. The workshops convey practical tips and techniques that will prove to be very useful and valuable in your regular work. And, of course, we would be honored to meet you! (vf)
356. Designing Empty States, Intro Videos and UIs
Everything is just like you intended it to be: the user gets to your landing page, finds the wonderful, shiny call to action and signs up for your service. You’ve persuaded the user to download your application, yet your job isn’t done yet. Now it’s time to convince the user to actually use it, too. That’s why onboarding is so important, and that’s why the design of “empty states” — the screens the user sees when just starting to use the application — is so critical.
If you don’t quite know how to engage your users to get started, look at Craig M. Dennis’s Empty States tumblog37. Craig collects both good and not-so-good examples of empty states, showing you what you might want to try out and what you might want to avoid in your design. You might also want to check out AppScreens: Demo Videos38 as well as Content & Chrome39, a blog that collects interesting UI concepts and demos, as well as links to quotes and useful articles. (vf)
407. Travelling Library Of… Sketchbooks
As creators of art, we tend to see our artwork as an online artifact of its time. Perhaps as something that exists only within the boundaries of our online reach, be it our online portfolio, online shop or design-related blog posts. But what if we actually sent our artwork on a real, physical journey throughout the world?
That’s what the Sketchbook Project42 is all about. It’s an ongoing project that attempts to reach as many people in as many places with as many books as possible. Artists and designers are encouraged to get an official campaign sketchbook (costs $25 or $60), register it for a tour using the attached bar code, start drawing and sketching, mail it back to the organizers and pick a tour, and then the sketchbook will go on its own journey.
Once the tour is finished, the book is added to the Brooklyn Art Library in New York, which already includes over 26,000 sketchbooks from over 130 countries. A fantastic opportunity to explore your own creative skills and become a part of a digital artifact of its own. (vf)
438. Stories And Faces Of Graphic Design
If you are the type of person who loves to delve into history and discover remarkable people and what they created, then you will love to delve into the AZ Project44. This unique publication takes you on a journey through the evolution of and fundamental approaches to international graphic design — through a series of articles and illustrations about some grand people and their projects, from A to Z.
Read about Xanti Schwawinsky who designed the poster for Olivetti’s first portable typewriter, MP1, or learn how Otl Aicher designed the crane in flight Lufthansa logo in the 1960s. AZ Project is a graphic design project by Dario Russo and Pasquale Volpe, and is a unique tool for students, teachers and researchers, as well as anyone else who is interested in the field of graphic design. The publication is also available for free download as PDF46. (ea)
479. Smashing Highlights (From Archives)
Design Process In The Responsive Age48
An insightful look into an evolving design process that Drew Clemens has been using with some promising new deliverables and tools. This should provide a starting point for you to freshen up your own process and bring it into the responsive age.
iCandies: Free Icons For Your User Interfaces and Apps49
60 high quality icons that provide crisp, attractive visuals for your modern and fashionable-looking interfaces. Available in 64×64px, 48×48px and 32×32px (.EPS, .AI and .PNG).
Applying Macrotypography For A More Readable Web Page50
This article focuses mostly on a few simple macrotypographic techniques—with a dash of micro—and on how to combine them all to build a more harmonious, adaptable and, most importantly, readable Web page.
5110. New on Smashing Job Board
Frontend Developer53 at Seso Media Group (Los Angeles, CA)
At Seso we build digital experiences that matter by curating complex data sets into compelling stories. Our human-centric approach allows our clients to move their audiences through playful interaction. We work with healthcare, museum, science and government partners as well as major brands and organizations around ideas that make a difference in the world.
Interaction Designer54 at Everlane (Los Angeles, CA )
At Everlane, we’re rethinking the way retail works. We have no physical stores, no middlemen taking their cut and no crazy brand markups. Instead, we design our own luxury basics and sell them exclusively at Everlane.com.
Freelance/Contract Web Designer55 at Center for American Progress (Washington DC)
The Center for American Progress is looking for a web designer to help with occasional design work on a number of projects. We’re looking for an experienced, professional web designer with a knack for modern, semantic, responsive, standards-based design. He or she should be able to create and refine site designs that not only look great, but adapt to a wide range of platforms, devices, and screen sizes.
5611. Recent Articles on Smashing Magazine
- Polaris UI Kit + Linecons Icon Set (AI, PDF, PNG, PSD, SVG)57
- A Definitive Guide To The Android Carousel Design Pattern58
- The WordPress Community Offers Advice To Beginners59
- Desktop Wallpaper Calendar: February 201360
- A Comprehensive Guide To Firewalls61
- Effectively Planning UX Design Projects62
- iOS Prototyping With TAP And Adobe Fireworks (Part 2)63
- How To Guarantee Your Income With Agile Billing64
- Coding Q&A: CSS Performance, Debugging, Naming Conventions65
- Sneak Peek Into The Future: Selectors, Level 466
- Think Again: Assumptions About Mobile To Reconsider67
- The Importance Of HTML5 Sectioning Elements68
- Understanding The Difference Between Type And Lettering69
- Frank: A Free WordPress Theme Designed For Speed70
- Killing Contracts: An Interview With Andy Clarke71
- Implementing Off-Canvas Navigation For A Responsive Website72
- Using WP_Query In WordPress73
The authors in this newsletter are: Esther Arends (ea), Cosima Mielke (cm), Lindsay McComb (lm), Iris Lješnjanin (il), Vitaly Friedman (vf), Sven Lennartz (sl), Christiane Rosenberger (research), Elja Friedman (tools), Clarissa Peterson (proofreading).
- 1 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 http://www.the-mobile-book.com/?pk_campaign=NL-05-02-13&pk_kwd=mobile-book
- 3 https://shop.smashingmagazine.com/smashing-library-complete.html?pk_campaign=NL-15-01&pk_kwd=editorial
- 4 http://www.smashingmagazine.com/2013/02/05/mobile-book-poster-giveaway/
- 5 http://www.the-mobile-book.com/?pk_campaign=NL-05-02-13&pk_kwd=mobile-book
- 6 #a1
- 7 #a2
- 8 #a3
- 9 #a4
- 10 #a5
- 11 #a6
- 12 #a7
- 13 #a8
- 14 #a9
- 15 #a10
- 16 #a11
- 17 #
- 18 http://www.swissted.com
- 19 http://www.swissted.com/
- 20 #
- 21 http://viljamis.com/blog/2012/remote-preview/
- 22 http://viljamis.com/blog/2012/remote-preview/
- 23 #
- 24 http://theafterbedtimesessions.com/
- 25 http://theafterbedtimesessions.com/
- 26 #
- 27 http://thephotographicjournal.com/
- 28 http://thephotographicjournal.com/
- 29 #
- 30 https://shop.smashingmagazine.com/smashing-workshop-guerrilla-marketing-with-paul-boag.html
- 31 https://shop.smashingmagazine.com/smashing-workshop-sketching-interfaces.html
- 32 https://shop.smashingmagazine.com/smashing-workshop-sketching-interfaces.html?pk_campaign=NL-05-02-13&pk_kwd=sketching-interfaces/
- 33 https://shop.smashingmagazine.com/smashing-workshop-visual-thinking.html?pk_campaign=NL-05-02-13&pk_kwd=visual-thinking/
- 34 https://shop.smashingmagazine.com/smashing-workshop-guerrilla-marketing-with-paul-boag.html?pk_campaign=NL-05-02-13&pk_kwd=guerilla-marketing/
- 35 #
- 36 http://emptystates.tumblr.com
- 37 http://emptystates.tumblr.com/
- 38 http://appscreens.tumblr.com/
- 39 http://contentandchro.me/
- 40 #
- 41 http://www.sketchbookproject.com
- 42 http://www.sketchbookproject.com
- 43 #
- 44 http://az-project.org/
- 45 http://az-project.org/en/
- 46 http://az-project.org/?download=az-pdf.zip
- 47 #
- 48 http://uxdesign.smashingmagazine.com/2012/05/30/design-process-responsive-age/
- 49 http://www.smashingmagazine.com/2010/09/01/icandies-icon-set-60-free-icons-your-user-interfaces-and-apps/
- 50 http://www.smashingmagazine.com/2012/05/02/applying-macrotypography-for-readable-web-page/
- 51 #
- 52 http://jobs.smashingmagazine.com/
- 53 http://jobs.smashingmagazine.com/jobs/employer/2305814
- 54 http://jobs.smashingmagazine.com/jobs/employer/2305676
- 55 http://jobs.smashingmagazine.com/jobs/employer/2305322
- 56 #
- 57 http://www.smashingmagazine.com/2013/02/02/freebie-user-interface-kit-icons/
- 58 http://mobile.smashingmagazine.com/2013/02/01/android-carousel-design-pattern/
- 59 http://wp.smashingmagazine.com/2013/02/01/wordpress-community-offers-advice-beginners/
- 60 http://www.smashingmagazine.com/2013/01/31/desktop-wallpaper-calendar-february-2013/
- 61 http://coding.smashingmagazine.com/2013/01/30/introduction-to-firewalls/
- 62 http://uxdesign.smashingmagazine.com/2013/01/24/effectively-planning-ux-design-projects/
- 63 http://fireworks.smashingmagazine.com/2013/01/25/ios-prototyping-adobe-fireworks-tap-part2/
- 64 http://www.smashingmagazine.com/2013/01/23/guarantee-income-with-agile-billing/
- 65 http://coding.smashingmagazine.com/2013/01/22/css-performance-debugging-naming-conventions/
- 66 http://coding.smashingmagazine.com/2013/01/21/sneak-peek-future-selectors-level-4/
- 67 http://mobile.smashingmagazine.com/2013/01/18/assumptions-about-mobile-to-reconsider/
- 68 http://coding.smashingmagazine.com/2013/01/18/the-importance-of-sections/
- 69 http://www.smashingmagazine.com/2013/01/17/understanding-difference-between-type-and-lettering/
- 70 http://wp.smashingmagazine.com/2013/01/16/frank-a-wordpress-theme-designed-for-speed/
- 71 http://www.smashingmagazine.com/2013/01/16/killing-contracts-interview-andy-clarke/
- 72 http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/
- 73 http://wp.smashingmagazine.com/2013/01/14/using-wp_query-wordpress/