Smashing Newsletter: Issue #85
Alexander Brevig has shared his comment toggle trick3 to solve this very issue. Essentially, by using an extra backslash at the beginning and at the end of your code snippet, you can toggle between two sets of code, by changing one symbol in the code, with no additional short-keys to learn and no tool dependencies. That’s a clever technique; however, you do need to remember it first. What tricks are you using for refactoring?
P.S. We’ve also been fixing quite spectacular ePUB bugs using a similar technique for our eBooks when testing them in Nook and on iBooks for our Smashing Library. What problems have you run into and how did you solve them? Share them using the hashtag
The Smashing Team
Table of Contents
01. Apps And Tools For Creative Professionals4
02. For The Love Of Letterpress5
03. Button, Button, Where Goes The Button6
04. A Bunch Of Animated Dribbble Shots7
05. A Fast And Easy Way To Share Emails8
06. Retro Games Reinvented, In The Browser9
07. The Secret Colors Of Movies10
08. Sqwiggle: Remote Working, Made Awesome11
121. Apps And Tools For Creative Professionals
Often, creative professions don’t involve as much creative play as we might wish, just the more serious business work. Deadlines need to be met, clients want to be satisfied, and project management plans must be arranged — all things art school probably never prepared you for. To simplify these tasks, the team behind 4ormat has put together a great resource filled with apps and tools to help you increase your productivity and creativity: Damn You Art School13.
The site features six different toolkits, each one filled to the top with productivity and creativity apps, tools and resources. Whether you’re a communication designer, illustrator or even photographer, there is a toolbox tailored specially to your profession’s needs. The virtual drawers are neatly labeled, covering every possible aspect of your work, from collaboration and client communication to accounting and invoicing. Save time getting the necessary stuff done and spend some more time living out your creative passion. Sounds good, doesn’t it? (cm)
152. For The Love Of Letterpress
“Nothing you truly care about can be made by a nameless face in a far flung country and left out in the rain on your porch the next day.” There are people in this world who truly care about devoting their attention to long-forgotten machines, and paper being squeezed by tons of iron — people who love letterpress. This love is what The Beauty of Letterpress16 is all about. Brought into life by Neenah Paper, The Beauty of Letterpress features the best and most innovative letterpress work in the industry.
Just like a subtle letterpress print, the website reveals all its fine details when you look closer. It features the work of well-recognized designers and also presents you with a number of insightful videos on letterpress process and printing. In addition, The Beauty of Letterpress wants to help the Hamilton Wood Type & Printing Museum18 in their efforts to relocate and preserve their matchless piece of history. Anyone can donate by ordering a print from one of the site’s monthly issues, or lots of other paper goodies. The money will all go to the museum, towards moving palettes, packing and storage materials, sorting and cataloging the museum’s inventory and the like. For the love of letterpress. (Quote by Workhorse Printmakers19) (ea)
203. Button, Button, Where Goes The Button
Common Misconceptions About Touch21 isn’t new guidelines for inter-personal contact, it’s the title of Steven Hoober22‘s article on designing for touchscreens. Of course, there are many articles and guides out there that deal with the same subject, yet this one delivers what it promises.
In his article, Steven deals with details as simple as thumb size, as well as with logical conclusions, such as that placing the delete-your-account button next to the check-your-messages button is a recipe for disaster. He also includes some very handy size guidelines to use when designing for phones and tablets. All in all, this article is 15 minutes of well-spent reading. (jc)
244. A Bunch Of Animated Dribbble Shots
If you love animations, then you got to check out GUIFFF25, a collection of animated Dribbble shots curated by Jan Cantor26. Looking at these designs might turn any animator green with jealous rage, but isn’t jealousy so inspiring? If you care to know more about the designs and the people behind, just click on the gif to go to the original post on Dribbble.
For those of you who are eager to design something like this, it might be worth checking out the comments section below the original posts. Here, some of the designers tell us which tools and software they used to create the gifs, and in some cases even provide tutorials and project files. GUIFFF is a great source of inspiration for anyone who wants to take UX and UI to the next level. (ea)
285. A Fast And Easy Way To Share Emails
Sharing beautiful HTML emails can be a real pain. Simply forwarding them can break the code, screenshots are time-consuming and annoying. Scope29 is a free tool to solve those problems. It creates a clean, Web-based version of any email and even lets you view the desktop and mobile versions.
Simply drag the bookmarklet into your browser toolbar or download it for Mac. It will then present your email in HTML or text-only. But instead of simply providing a clean screenshot, it lets you scroll down like you would on an actual device. Scope is perfect to share great emails or show off your own projects. (ml)
316. Retro Games Reinvented, In The Browser
Ah, the good old days! Do you remember those sleepless nights when you eagerly played in front of your Game Boy, trying to move that poor, tireless game character to the next level in the game? Well, if you miss those times, you can easily relive them online, in your browser.
Pica-Pic33 is a digitized collection of handheld electronic games, including the legendary Donkey Kong, Penguin Land, Parachute, Caveman and of course Zelda. Now that’s something to save for a slow weekday evening! (vf)
347. The Secret Colors Of Movies
Remember the first time you watched Amélie by Jean-Pierre Jeunet? That warm, fuzzy feeling accompanying you throughout the film. If you’re an art movie buff, you know that this is due to Jeunet’s very distinctive color palette style. Always a yellowish, greenish tint. Color creates mood. Now you can let yourself get inspired by the color palettes of iconic movies on Roxy Radulescu35‘ blog.
Radulescu’s Movies In Color37 blog features a new movie still every day with its associated color palettes. The idea is to provide inspiration to artists deciding on color palettes for their paintings, films, videos and graphic design. Radulescu chooses a new still every day and, using Photoshop, distills the most worthy colors from it. If you have any requests, feel free to write her. (jc)
388. Sqwiggle: Remote Working, Made Awesome
Working from home is pretty trendy right now and is expected to become even more popular over time. Sqwiggle39 is a handy new tool that promises to make remote working a lot better because it gives your team the ability to to communicate effectively and bond with each other, even if you’re physically separate.
While Skype and Google Hangout offer a service that is call-based and relies on someone setting up a meeting, Sqwiggle can run the whole day. It takes several snapshots per minute while you’re working and your team members can see if you’re on the computer or not. This gives you a sense of having a community around you which is as close to an office atmosphere as it can get. You also have the option to display a busy note if you want people to be prevented from contacting you. So far there’s a Web version and a Mac client, but Windows and Linux should be supported in the future. Join now and save, with a lifetime 45% discount. (ml)
The authors in this newsletter are: Cosima Mielke (cm), Esther Arends (ea), Jan Constantin (jc), Melanie Lang (ml), 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 https://coderwall.com/p/zbc2zw
- 3 https://coderwall.com/p/zbc2zw
- 4 #a1
- 5 #a2
- 6 #a3
- 7 #a4
- 8 #a5
- 9 #a6
- 10 #a7
- 11 #a8
- 12 #
- 13 http://www.damnyouartschool.com
- 14 http://www.damnyouartschool.com/
- 15 #
- 16 http://thebeautyofletterpress.com/
- 17 http://thebeautyofletterpress.com/
- 18 http://woodtype.org/
- 19 http://workhorseprints.com/
- 20 #
- 21 http://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.php
- 22 http://www.uxmatters.com/authors/archives/2012/04/steven_hoober.php
- 23 http://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.php
- 24 #
- 25 http://guifff.com/
- 26 https://twitter.com/jancantor
- 27 http://guifff.com/
- 28 #
- 29 https://litmus.com/scope/
- 30 https://litmus.com/scope/
- 31 #
- 32 http://pica-pic.com/
- 33 http://pica-pic.com/
- 34 #
- 35 http://www.roxymakesthings.com/
- 36 http://moviesincolor.com/
- 37 http://moviesincolor.com/
- 38 #
- 39 https://www.sqwiggle.com/
- 40 https://www.sqwiggle.com/