Smashing Newsletter: Issue #100
100 newsletter issues, twice every month, published and sent out tirelessly over the last four years. What started as a humble little project back in 2010 is now a part of our editorial, a part that we wouldn’t want to miss. Finding and featuring all these little side projects, techniques, resources and crazy ideas is so rewarding and so much fun, so of course we’re just getting started! Do you have a project to share? Tweet us any time: we do read every single tweet that we receive, you know.
We also like conferences, but you know that already, too. So are you ready for something… special? Alrighty! We are coming to New York, baby! SmashingConf New York3 will take place on June 17th–18th 2014. As usual, we will have one track, 2 full days, 18 brilliant speakers and 350 truly smashing attendees. Of course, with fair and affordable ticket prices.
The tickets will go on sale at 2pm CET on January 28th, 2014. Since we have only 350 seats available, make sure to set your alarm clock! We also have a Smashing Book Mystery4 (ready for Round 2, folks?) coming up on the front page at exactly the same time. And the prize for the winner will be a two-way-flight to NY, hotel and a conference ticket. Sounds smashing enough for you? Well, pull out that alarm clock, will you?
This is going to be quite a year. We’ve got many surprises coming your way in the next few months, but we never said it wasn’t going to be fun. Keep that cup of coffee or tea ready every second Tuesday and stay tuned with the Smashing Newsletter5, folks! ;-)
— Vitaly (@smashingmag)
Table of Contents
01. Freebie: Infinity Icon Set, A Journey Into Space6
02. Designing In The Open7
03. There Is No Average Joe8
04. Shape Hover Effect With SVG9
05. Mobile Devices + Twitter + World10
06. Screencasts For Web Developers11
07. Tickets Deserve A Redesign, Too12
08. Conferences All Over The World13
09. Let’s Talk About In-house Workshops!14
151. Freebie: Infinity Icon Set, A Journey Into Space
Space. The Universe. Infinity. Do you tend to get fascinated by these terms and the stories based on them? Well, perhaps we can bring a little bit of the outer space into your earthly projects. Infinity Icon Set16 features spaceships, satellites, asteroids and solar system planets. This free set was designed by Adam Katyi for To Infinity And Beyond17, a space art exhibition of 40 Hungarian graphic designers and painters currently on display in the Budapest Planetarium.
This pictogram-dingbat font allows you to create your own space story, i.e. the lowercase and capital latin letters are the main space icons. You can find the whole solar system once you start typing in numbers. Please note that this freebie is meant for non-commercial use and can be downloaded only if you pay with a tweet or Facebook post. The icon set will soon be updated with new characters, so make sure you stay tuned! (ea)
192. Designing In The Open
It’s sad but it’s just the way it is: in corporate settings, it’s quite common to sign NDA agreements before starting a new project. So in the end, you can’t share what you’ve learned, and often you can’t really reuse the techniques and tools you’ve developed. But have you actually tried to convince the client to design “in the open” instead?
There are quite a few projects that involve the open source community into the projects, presenting the source code on GitHub or just explaining the process and releasing the development files for everybody to download. Gov.uk Frontend21 provides the full source code of the Gov.uk website on GitHub; The Guardian’s responsive website on GitHub22 is available as well; and both BBC23 and National Geographic24 provide many tools, too. In fact, Brad Frost makes a compelling argument25 for designing in the open and provides some ideas on the benefits of the approach and how to convince customers to follow this idea. Why not try it out? (vf)
263. There Is No Average Joe
Who do you design for? Do you rely on archetypes to build the best user experience possible, or do you build around an average user, let’s say a 34-year-old woman with 2.3 children? The question leaves a lot of room for discussion. A thought-provoking read on this controversial subject is Susana Gonzalez Ruiz’s article “Designing for the extremes (or why your average user doesn’t exist)27“.
Designing for an average user, so the idea of the article, creates dysfunctions because the “average” is nothing but a formula, a result of statistics that has little to do with real people. A possible solution to increase the experience for every user would be to design for the extremes first so the rest will take care of itself. Very interesting thoughts that have already fueled some discussions on Twitter29. (cm)
304. Shape Hover Effect With SVG
onMouseOver? By using CSS, we finally found a way to easily adjust any CSS property on
335. Mobile Devices + Twitter + World
Here’s one for you: collect data from more than 280 million tweets posted from mobile phones, analyze this data, study the geographic location, visualize it on a map and explore geographic usage patterns in unprecedented detail. That’s exactly what Mapbox Twitter Gnip34 has done.
The visualization displays which mobile phones were used at a specific location, with Android, iPhone and Blackberry users mapped onto the map with corresponding dots. Apparently, iPhone is used a lot in urban areas and city centers while Android is more popular in rural areas. (vf)
366. Screencasts For Web Developers
You can learn a lot from an article or a detailed tutorial, but if you really want to understand a certain technology or tool, it’s great to sit next to someone who has a wide understanding and is able to answer all of your questions. Even better: you can sneak a peek behind their workflows, too!
Well, perhaps you shouldn’t be annoying to your colleague all of the time, so why not get a cup of coffee, biscuits and check a video screencast instead? Chris Coyier’s screencasts38 often feature interesting workflows and tools, e.g. Build Podcast39 is all about tools, libraries and techniques. Breakpoint Show40 is dedicated to developer tools and time-saving techniques. Any other suggestions? Let us know on Twitter! (vf)
417. Tickets Deserve A Redesign, Too
Matthew Lew loves concerts and is among one of the millions of people who buy tickets from Ticketmaster. Being a graphic designer, Matthew couldn’t help but ponder about the design of the tickets. What he noticed was quite alarming. Apparently, in 2013, Ticketmaster tickets looked pretty much the same like they did in 1979. To a majority of folks, the tickets probably looked like code spat out by a faceless robot.
However, robots aren’t the ones who buy and read these tickets. So where on earth (or on the ticket, to be more precise) is the human element? Matthew decided to present a comprehensive redesign43 of the tickets which you may actually want to consider for real. If you’re all warmed up now and are looking for other problems to solve, try redesigning a currency44 or even airplane tickets45! (ea)
468. Conferences All Over The World
Hurry, the new year has already begun! Just like every year, there are a huge number of Web design events and conferences that will be held… so, how do you plan on keeping track of all of them?
Alex Cowles was having trouble keeping track just like most of us, and has gone ahead and created a simple calendar that seemed to be the best solution: Conference Calendar48. This way it’s a little easier to see what’s on and when. We should certainly meet at one of them, don’t you think?! (kv)
499. Let’s Talk About In-house Workshops!
We love fixing existing problems. Is your company struggling with legacy systems or a suboptimal front-end workflow? Well, perhaps we can help. We’d be more than happy to organize in-house workshops in your company, tailored specifically to your needs.
We’re flexible about the topics and format of the workshops, but what we really want is to help you solve your actual problems. What about responsive design, advanced front-end techniques, performance optimization, UX, conversion rate optimization, sketching and wireframing, or even debugging?
If you’d like to have an in-house workshop, just get in touch with Vitaly52 and shortly describe what problems you’d like to solve. Don’t worry about the pricing either, we’ll find a fair pricing for sure. Yes, it’s that easy! (vf)
The authors in this newsletter are: Esther Arends (ea), Cosima Mielke (cm), Kristina Vogt (kv), Iris Lješnjanin (il), Vitaly Friedman (vf), Christiane Rosenberger (research), Elja Friedman (tools).
- 1 http://www.smashingmagazine.com/the-smashing-newsletter/
- 2 http://smashingconf.com/ny-2014/
- 3 http://smashingconf.com/ny-2014/
- 4 http://www.smashingmagazine.com/the-smashing-book-mystery-have-you-figured-it-out-yet/
- 5 http://www.smashingmagazine.com/the-smashing-newsletter/
- 6 #a1
- 7 #a2
- 8 #a3
- 9 #a4
- 10 #a5
- 11 #a6
- 12 #a7
- 13 #a8
- 14 #a9
- 15 #
- 16 http://www.hungarumlaut.com/typefaces/infinity.html
- 17 http://infinityexhibition.tumblr.com/
- 18 http://www.hungarumlaut.com/typefaces/infinity.html
- 19 #
- 20 http://bradfrostweb.com/blog/post/designing-in-the-open/
- 21 https://github.com/alphagov/frontend
- 22 https://github.com/guardian/frontend
- 23 https://github.com/BBC-News
- 24 https://github.com/natgeo
- 25 http://bradfrostweb.com/blog/post/designing-in-the-open/
- 26 #
- 27 http://sugoru.wordpress.com/2013/07/14/designing-for-the-extremes/
- 28 http://sugoru.wordpress.com/2013/07/14/designing-for-the-extremes/
- 29 https://twitter.com/smashingmag/status/418783037959065600
- 30 #
- 31 http://tympanus.net/Tutorials/ShapeHoverEffectSVG/
- 32 http://tympanus.net/codrops/2014/01/07/shape-hover-effect-with-svg/
- 33 #
- 34 https://www.mapbox.com/labs/twitter-gnip/brands/#11/52.2377/4.6259
- 35 https://www.mapbox.com/labs/twitter-gnip/brands/#11/52.2377/4.6259
- 36 #
- 37 http://css-tricks.com/video-screencasts/
- 38 http://css-tricks.com/video-screencasts/
- 39 http://build-podcast.com/
- 40 https://www.youtube.com/watch?v=ktwJ-EDiZoU
- 41 #
- 42 https://medium.com/this-could-be-better/271977289b41
- 43 https://medium.com/this-could-be-better/271977289b41
- 44 http://dollarredesign.wordpress.com/
- 45 http://passfail.squarespace.com/
- 46 #
- 47 http://confcal.org/
- 48 http://confcal.org/
- 49 #
- 50 https://shop.smashingmagazine.com/workshops/
- 51 https://twitter.com/sortenke/status/376690657689366529