Time passes quickly, and another year reaches its ending. For us, it was a vibrant, truly smashing year. We’ve launched the redesign of our site and organized our very first Smashing Conference2. We’ve produced the Smashing Book 3 as well as the brand new Mobile Book3. We’ve launched our Smashing eBook Library4 and invested more than ever into our editorial process. It was a busy year, full of discoveries and explorations.
We’ve got big plans for the next year as well. You can expect Christian Heilmann’s new book and the very special Smashing Book 4. We’ve started planning the second Smashing Conference as well as meet-ups and regular workshops. We have a plenty of special, exclusive articles in works, and also something new for our legendary monthly desktop wallpapers.
We’ll be honored to take this journey with you! Whether you just discovered us, or have been reading us for a while, we’re very excited to get out of the comfort zone and face new challenges and opportunities. Feel free to share your ideas, thoughts, feedback, anything else using the hashtag
sm2012 on Twitter — we’d love to know what you think!
Happy holidays everyone! Enjoy your time with your family, stay offline for a couple of extra days and have a fantastic, successful and a truly smashing 2013!
— The Smashing Editorial Team
Table of Contents
- I Really Like Your Style But…6
- How Do Users Experience Apps?7
- Stop The Social Media Buttons Madness!8
- Taking Office Sports To The Next Level9
- (Photoshop) Learning Never Stops10
- Sticky Captions For Images With jQuery11
1. I Really Like Your Style But…
As designers, we often have a very unique technical perspective on the way things work and how they are built for the Web. However, many clients do not have the insights that we take for granted. That’s not our fault, but it’s not their fault either. In fact, it’s our job as problem solvers to clearly explain and communicate to our clients why we think they are wrong.
Some of the quotes from clients have become almost legendary, popping up every other project; others reveal common misconceptions and general mistakes that happen as a project develops. Sharp Suits13 reviews and illustrates some common client quotes in their gallery. The result is an entertaining resource which might even help you resolve a new issue by not taking it too seriously, or by making it clear that design decisions should be in your hands. (vf)
2. How Do Users Experience Apps?
If you want to create a great new app, you want to optimize the path that your users will follow when they use your app. You have to think about user flows, i.e. the initial point from where a user starts, where he ends up, and the transitions in between. In this case, UX Archive14 might be just what you are looking for: a showcase of user flows in apps. The website takes you on a path through each and every step of the UX experience of some beautiful iPhone apps — in a sequence of interface screenshots.
The tool looks closely at how these apps handle exploration of features, onboarding, search and sharing. This smart classification helps you compare the different design patterns and get an impression of what might work in your project. It would mean a whole lot of work if you had to get this kind of data by yourself, that’s for sure. Drop that effort, lean back and experience some exciting user flows. It’s very inspiring and gives you a feeling of being able to travel back and forth in time. (ea)
3. Stop The Social Media Buttons Madness!
Alternatively, you could use the Social Share Privacy jQuery plugin18 by Heise which was developed out of privacy concerns and allows users to select which social network they’d like to keep activated by default. Now, if that’s not a good reason to not load “native” social media buttons by default, what is? (vf)
4. Taking Office Sports To The Next Level
Do you play any office sports? Not ringing any bells? Well, here are some examples: foosball, ping pong, pool, Wii…In fact, Nathan Hoad observed that the majority of cool workplaces have some kind of olympic competitions with at least one kind of office sport.
As with many great ideas, this one is simple but effective: he invented the Athletable20, an online tool that helps with recording the results and also calculating ranks and scores. The tool costs $10 a month and allows you to add up to 50 players for every sport. You simply enter the names and the kind of game and let the tool do the rest. Sounds more like fun now, doesn’t it? (tts)
5. (Photoshop) Learning Never Stops
Are you a Photoshop geek through and through? Are you still cherishing all the great tricks and shortcuts of your favorite application or are you already taking them for granted? Take another look at some of the best Photoshop layers tricks and shortcuts21 by Veerle Pieters.
The article reviews 30 useful Photoshop shortcuts and tricks which Veerle learned along her way. These tricks may be familiar to you, or you might have already forgotten them: displaying layers, layers panel preview options, auto-select layers, and many more. Some of the tricks Veerle discovered on Julieanne Kost’s Blog23, a great source of in-depth tutorials, training, techniques and shortcuts for working with Adobe Photoshop and Lightroom. (ea)
6. Sticky Captions For Images With jQuery
We all know the drill: you have lots of image thumbnails with captions shown on hover, yet they are not visible to the user because the bottom of the image is overflowing the viewport. The user would have to scroll down to see the section of the image with the caption.
The authors in this newsletter are: Esther Arends (ea), Talita Telma Stöckle (tts), Iris Lješnjanin (il), Vitaly Friedman (vf), Sven Lennartz (sl), Christiane Rosenberger (research), Elja Friedman (tools), Clarissa Peterson (proofreading).
- 1 https://www.smashingmagazine.com/the-smashing-newsletter/
- 2 https://www.smashingmagazine.com/2012/09/17/smashing-conference-liveblog-reporting-day-1/
- 3 http://www.the-mobile-book.com
- 4 https://www.smashingmagazine.com/2012/11/27/introducing-the-smashing-library-annual-quality-ebook-subscription/
- 5 http://www.the-mobile-book.com
- 6 #a1
- 7 #a2
- 8 #a3
- 9 #a4
- 10 #a5
- 11 #a6
- 12 http://sharpsuits.net/Latin
- 13 http://sharpsuits.net/Latin
- 14 http://uxarchive.com/
- 15 http://uxarchive.com/
- 16 http://filamentgroup.com/lab/socialcount
- 17 http://filamentgroup.com/lab/socialcount
- 18 http://www.heise.de/extras/socialshareprivacy/
- 19 http://athletable.com/
- 20 http://athletable.com/
- 21 http://veerle.duoh.com/design/article/photoshop_layers_tricks_and_shortcuts
- 22 http://veerle.duoh.com/design/article/photoshop_layers_tricks_and_shortcuts
- 23 http://blogs.adobe.com/jkost/
- 24 http://tympanus.net/codrops/2012/12/13/sticky-captions-concept/
- 25 http://tympanus.net/codrops/2012/12/13/sticky-captions-concept/