Table of Contents
- Free Font. Big. Bold. Beautiful.2
- When User Interface Is Beautiful3
- Avoiding Common HTML5 Mistakes4
- 365 Days Of Hand Lettering5
- Selected Postage Stamps6
- Sheet: Snippets For Your Terminal Workflow7
- September Industry: Inspiring Graphic Design8
- Eye Candy From Long Forgotten Times9
- More Than Seven Dozen Images Of The Brain10
1. Free Font. Big. Bold. Beautiful.
Slinkster11 is a bold and whooping font created by designer Will Ryan. Made up of overlapping equally-sized circles, its geometric, modular shape resembles the bouncy Slinky toy we all remember from when we were kids.
The switchover between light and dark areas lays focus on the links inside a letter and creates a hypnotizing, multilayered, nearly 3D effect. The larger the type is set, the more fascinating it gets. The typeface includes letters, numerals, punctuation, accented characters and a few extras. Slinkster works best for large-scale applications like headers and logotypes. You can download it for free via MyFonts13. (cm)
2. When User Interface Is Beautiful
We all collect interesting and innovative examples and design solutions we find on the Web. These examples are particularly useful when featured in case-studies, i.e. articles that provide insights into the actual progress of a design from the very first mockup to the final release. Yet often what we are after are just original ideas we find elsewhere.
Daniel Nelson loves beautiful user interfaces. On his GUI Pinterest Board15 he has collected dozens of original interfaces and mock-ups from Dribbble, Forrst, Behance and others. If you are looking for more examples, check other UI boards16 as well. Now if that doesn’t help you get inspired, what will? (vf)
3. Avoiding Common HTML5 Mistakes
HTML5 provides us with excellent opportunities to create a meaningful and clean markup which is easy to maintain. However, every now and again you probably find yourself being trapped between the various options that you have for your markup. When exactly should you use
nav the right element to wrap all kinds of lists of links? Is every image a
Back in 2011, Richard Clark published the article Avoiding common HTML5 mistakes18, yet his tips are still quite useful and relevant today. Apart from the issues outlined above, Richard discusses why
section shouldn’t be used as a wrapper for styling, what are common incorrect uses of form attributes and when
header is overused. An oldie yet goodie—definitely an article worth reading and bookmarking. (vf)
4. 365 Days Of Hand Lettering
Frequently, new technologies can create the opposite effect on what might be considered beautiful, original or even creative. With the number of typefaces available online, a real artist shows her talent by merging illustration and hand lettering.
Lisa Congdon shows her (hand-) drawing talents in one of her current projects called 365 Days of Hand Lettering20, in which she daily dedicates an image with a motivating message to the world. By clicking through the days, you might get inspired with the lines the artist selected for us. (tts)
5. Selected Postage Stamps
Postage stamps are among the top-ten list of the most collected articles in the world. This hobby is as popular as it is old: since the first stamps were created (around 1840), countless people discovered their passion and started gathering and classifying them. Through a postage stamp, it is possible to identify facts about the country from which it was issued, through the date of issue and architectonical, scientific and political facts. Natural items such fauna and flora are favorite themes, as well as seasonal greetings.
Severnbiker’s Photostream22 shows us a great collection of stamps, mainly from Great Britain. In the times of The Olympic Games, one caught my attention: the World Hockey Cup in London, 26 years ago. The illustrations have strong colors and show only a section of the chosen sport. But one item is seen everywhere — the profile of Her Majesty. It seems collecting postage stamps is in, more than it’s ever been. (tts)
6. Sheet: Snippets For Your Terminal Workflow
While many of us prefer visual interfaces, for some of us, Terminal is our favorite working environment. Being able to work fast and efficiently in this environment is therefore crucial to being successful. Sheet23 will help you to optimize your workflow by enabling you to easily create and access useful snippets of code, cheat sheets, references or anything else from Terminal. It’s great for noting dev snippets that you often use, but for some reason can’t remember. In a way, it’s a great tool for creating your own personal wiki directly in Terminal.
The tool stores your sheets in text files which you can modify and edit, or easily put them into version control to share them across multiple systems. The tool uses either pbcopy or xclip to copy the content of a sheet to the clipboard, so it’s necessary to make sure you have one of those installed. Sheet is developed by Oscar Del Ben. You are welcome to contribute to the project on GitHub, too. (ml)
7. September Industry: Inspiring Graphic Design
Inspiration for visual art can be found in many sources: movies, galleries, nature, books, etc. Nowadays we can also resort to curated online magazines, which are perhaps one of the best ways to get quick references on graphic design.
September Industry shows a thoroughly researched selection of high-quality artworks on graphic design and communication, such as: corporate sets, photography magazines, architecture websites and even a collection of print material that belonged to Paul McCartney. Curious? Great — this is the first step to opening your mind to creativity. (tts)
8. Eye Candy From Long Forgotten Times
Get ready for a journey through time! The OBI Scrapbook Blog25 features an impressive and constantly growing collection of vintage illustrations that will get you inspired. Originally published between the 18th century and the first quarter of the 20th century, engravings, etchings and lithographs carry you off into a world when technical progress was still made by the steam-machine.
Discover squiggly art nouveau ornaments, precise brush strokes that make plants and exotic animals come alive, mechanic details of tiny gear wheels and funny nonsense pictures. You can either browse the collection by topic or take a look at the list of featured illustrators. (cm)
9. More Than Seven Dozen Images Of The Brain
Neuro Images27 is a blog by “Neuroscientist turned writer” Mo Costandi, who showcases fascinating illustrations related to the brain, from stained tissue samples and handcrafted drawings and paperworks to computerized simulation and diffusion images, on the fine line between grotesque, bizarre and beautiful.
The site also posts a video called Synaptic Plasticity29, which is a playful demonstration on how new connections are made in the brain of a video-game-playing kid. And if you’ve always wanted to know what the brain of a genius looks like, discover a box with microscope slides containing ultra-thin sections of Einstein’s brain30. (ea)
The authors who have contributed in this newsletter issue are: Cosima Mielke (cm), Talita Telma Stöckle (tts), Melanie Lang (ml), Esther Arends (ea), 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 #a1
- 3 #a2
- 4 #a3
- 5 #a4
- 6 #a5
- 7 #a6
- 8 #a7
- 9 #a8
- 10 #a9
- 11 http://www.myfonts.com/fonts/will-ryan/slinkster/
- 12 http://www.myfonts.com/fonts/will-ryan/slinkster/
- 13 http://www.myfonts.com/fonts/will-ryan/slinkster/
- 14 http://pinterest.com/fromupnorth/gui/
- 15 http://pinterest.com/fromupnorth/gui/
- 16 http://pinterest.com/search/boards/?q=user+interface
- 17 http://html5doctor.com/avoiding-common-html5-mistakes/
- 18 http://html5doctor.com/avoiding-common-html5-mistakes/
- 19 http://lisacongdon.com/blog/category/365-days-of-hand-lettering/
- 20 http://lisacongdon.com/blog/category/365-days-of-hand-lettering/
- 21 http://www.flickr.com/groups/stampcollection/
- 22 http://www.flickr.com/groups/stampcollection/
- 23 https://github.com/oscardelben/sheet
- 24 https://github.com/oscardelben/sheet
- 25 http://scrap.oldbookillustrations.com
- 26 http://scrap.oldbookillustrations.com
- 27 http://neuroimages.tumblr.com/
- 28 http://neuroimages.tumblr.com/
- 29 http://neuroimages.tumblr.com/post/10778690381
- 30 http://neuroimages.tumblr.com/post/13448482738
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.