This newsletter issue was sent out to 130,198 newsletter subscribers on Tuesday, February 5th 2013. If you are not subscribed yet, feel free to subscribe to our email newsletter anytime.
Our brand new Mobile Book 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 post. If you haven’t got the Mobile Book yet, you can still get your book today! 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
01. Swiss Modernism: The Punk Way
02. Your Own Remote Mobile Lab
03. Jam For The Soul
04. The Photographic Journal
05. Seeking New Adventures: Smashing Workshops
06. Designing Empty States, Intro Videos and UIs
07. Travelling Library Of… Sketchbooks
08. Stories And Faces Of Graphic Design
09. Smashing Highlights (From Archives)
10. New on Smashing Job Board
11. Recent Articles on Smashing Magazine
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. Swissted 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)
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 Preview to the rescue!
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 Sessions 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)
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 Journal. 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)
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:
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)
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 tumblog. 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 Videos as well as Content & Chrome, a blog that collects interesting UI concepts and demos, as well as links to quotes and useful articles. (vf)
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 Project 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)
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 Project. 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 PDF. (ea)
Design Process In The Responsive Age
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 Apps
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 Page
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.
Here are the job openings published recently at our very own Smashing Job Board:
Frontend Developer 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 Designer 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 Designer 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.
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).
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!
Every second Thursday we send out our lovely email newsletter with useful tips and techniques, recent articles and upcoming events. Thousands of readers have signed up already. Why don't you sign up, too, and get a free Smashing eBook as well?
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!
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
It's done. The Smashing Book #4, our brand new book with smart front-end techniques and design approaches. Written by respected designers and developers, neatly packed in a gorgeous hardcover.
Do you feel like your workflow is slowing you down? We might have just what you need. Our front-end, UX and RWD workshops in London, Zürich and Berlin. Read more...
Exciting things are happening and you should consider joining the talented staff at HIMSS as our Sr. Manager, Web Design & Online Standards as we are transforming…
Northeastern University Web Designer/Developer Requisition Number: STFR001261 Division/College: Marketing and Communications FT/PT: Full…