#392: Design Inspiration From Remote Corners Of The Web

Design inspiration with music charts galaxy, interactive maps, historical illustrations and iconographic encyclopaedia.Issue #392 Feb 14, 2023 View in the browser

Smashing Newsletter

Goedemiddag Smashing Friends,

Today’s newsletter is quite an inpirational journey, so fasten your seatbelts as we explore a network of science, take a roundtrip through the universe of music, and see history from new perspectives. Lots of inspiration guaranteed!

Speaking of inspiration: On Tue, February 21, 8–9 am PT, we are doing another Smashing Hour. This time: designer and typography expert Elliot Jay Stocks who has been working with Google Fonts recently. Make sure not to miss it!

A Smashing Hour with… Elliot Jay Stocks

On another note, the word “headless” has become a buzzword recently, but what does it even mean? Together, we’ll be unpacking the world of headless content management systems in a free online workshop on March 2–3. We sincerely thank our dear friends at Storyblok for making it happen!

Storyblok workshop
Join us for two days of fun and learning! (Check your timezone.)

P.S. And if you’d like to give your wonderful projects some extra love today, we’ve got a free Valentine’s icon set for you to choose from — just like a good box of chocolates!

Stay smashing,
Iris


1. 3D Network Of Science

A breathtaking piece of data visualization comes from the science journal Nature. To celebrate its 150th year, they created a 3D network of all the papers they ever published. It creates an overview of how one and a half centuries of science from all disciplines interconnect.

Nature 150 Interactive

Each dot in the network is a paper, with the color representing its field. The connections between them build the network’s backbone. You can see clusters forming around groundbreaking discoveries like the discovery of DNA and spot papers that were isolated for decades until new discoveries led to new relevance.

Each paper takes its unique place in the network of Nature, building connections and laying the foundation for discoveries of the future. An exciting look into the world of science. (cm)


2. 50 Years Of Swiss Music Charts

10,393 songs were featured in the Swiss music charts in 50 years. Now imagine you could browse them sorted by mood, danceability, and, of course, position in the charts. That’s what 50 Years Swiss Music Charts is here for. The site is yet another fantastic example of how playful data visualization with huge data sets can be.

50 Years Swiss Music Charts

50 Years Swiss Music Charts is divided into two parts: the experience where you travel through a multidimensional chart timeline (with the songs fading in as you scroll) and a map that dives deeper into analyzing the data. Did you know that music has gotten more danceable throughout the years but also more melancholic, for example? A beautiful experience — not only for music nerds. (cm)


3. Interactive History Maps

Do you have a fascination for history? Even if not, the project that Nono Umasy created might wake it: History Maps turns centuries of history into engaging interactive stories.

History Maps

History Maps was born out of the idea of making history fun and intuitive to learn. After all, remembering dates, places, names, and events isn’t exactly the culmination of fun. To bring history to life, History Maps combines interactive maps with images, videos, and pieces of text to create chronological stories of key moments in human history and to tell the eventful history of countries from across the globe.

Whether it’s the history of Japan or the Viking invasion of England, the Civil Rights Movement or the history of coffee, ancient times or the modern period, History Maps gives history the attention it deserves. (cm)


4. Upcoming SmashingConfs and Workshops

As we're getting ready for SmashingConf Front-End @ SF and SmashingConf Freiburg, we also are working on a brand new, special and quite mysterious surprise that will come your way soon! So please stay tuned!

We also run online workshops on front-end and design, be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.

Smashing Online Events
With online workshops, we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are.

As always, here’s a quick overview:


5. A Found History Of Illustration

Let’s go on a journey back in time, when airlines presented their in-flight service tariffs with smiling glasses of Guiness attached to hot air balloons and the British Egg Information Service (who knew it even existed?) published almost psychedelic leaflets that perfectly caught the vibes of the 1970s. Modern Illustration is a treasure chest for print design goodies dating from ca. 1950 to 1975.

Modern Illustration

Curated by illustrator Zara Picken, the archive features everything from beermats and leaflets to poster stamps, playing cards, and print adverts. With their bold color combinations, interesting textures, and vintage typefaces, the artefacts are not only inspiring eye candy but they also help us understand how visual language has developed to where we are today. Happy browsing! (cm)


From our sponsor

Northwestern’s Online MS in Information Design and Strategy

Northwestern’s Online MS in Information Design and Strategy
Prepare for a range of dynamic communication roles and build the skills needed to lead communication strategy, translate complex data, and drive user interactions. Choose from specializations in content strategy, UX/UI, communication with data, and learning design. Learn more.


6. Iconographic Encyclopædia

Have you ever heard of J.G. Heck’s Encyclopædia of Science, Literature, and Art? If not, there is no better time than now to explore it. The Iconographic Encyclopædia project set out to create a reimagined modern edition of the 19th-century encyclopedia that explores everything from astronomy to zoology in more than 500 engraved steel plates and 1.6 million words.

Iconographic Encyclopædia

For the digital version, more than 13,000 illustrations were extracted from each steel plate as a separate image so they could be shown within the text where they were referenced. Additionally, an overlay of hotspots was created for each plate so clicking a figure could display details of what they were and where they were mentioned in the text.

The illustrations are not only a pleasure to look at, but you can also use them in your projects freely without any restrictions. A labor of love that creates a bridge across centuries and technologies. (cm)


7. Vault Of VHS

Awww, the good old times of VHS cassettes. Do you remember them? Particularly the colorful paper sleeves that wrapped the black plastic cassettes still have a special fascination to them today. If you’re up for some VHS packaging nostalgia, the Vault of VHS has plenty of it.

Vault of CSS

Vaulto, the person behind Vault of CSS, spent hours of collecting, scanning, and photoshoppery to preserve the special beauty of both home and pre-recorded VHS for the future. No two tapes in the collection are the same. There’s always something different, be it a sticker or a manufacturing date. A time capsule of 1980’s and 1990’s design. (cm)


Help For Earthquake Survivors

The recent 7.8-magnitude earthquake in Turkey and Syria has caused widespread destruction, with thousands of buildings collapsing, leaving hundreds of thousands of people homeless. More than 35,000 people have died.

If you want to support earthquake survivors and the ongoing rescue efforts, but you’re unsure how, here are some organizations that accept donations and offer direct support. (Thanks to Gizem Kaymakçı for sharing!) Charity Watch and Charity Navigator also help you find trustworthy charities that support the cause. Thank you for your kind support. 🧡


New On Smashing Job Board


Recent Smashing Articles


That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!


This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris Lješnjanin (il).


Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You
rock.

Follow us on Twitter Join us on Facebook

unsubscribe update preferences view in your browser

Key phrases

Older messages

#391: Privacy and Security

Tuesday, February 7, 2023

Deceptive patterns, privacy UX, website tracking flowcharts, authentication UX and behavioral insights. Issue #391 • Feb 7, 2023 • View in the browser Smashing Newsletter He lā maikaʻi Smashing Friends

#390: Little Helpers

Tuesday, January 31, 2023

With AI helpers, toggle optimization, better SVGs, useful PDF tools, generating spreadsheets and automating meeting notes. Issue #390 • Jan 31, 2023 • View in the browser 💨 Smashing Newsletter Dear

#389: UX Playbooks

Tuesday, January 24, 2023

UX playbooks, methods, launch kits, product design resources and business guides for designers. Issue #389 • Jan 24, 2023 • View in the browser 💨 Smashing Newsletter Dobry wieczór Smashing Friends, We

#388: Open-Source Icons and Fonts

Friday, January 20, 2023

With open-source health and business icons, doodles and open-source fonts, free for personal and commercial use. Issue #388 • Jan 17, 2023 • View in the browser 💨 Smashing Newsletter Buenas tardes

#387: Design Systems

Tuesday, January 10, 2023

Design tokens, multi-lingual design system, deciding on new components and design system canvas. Issue #387 • Jan 10, 2023 • View in the browser 💨 Smashing Newsletter Boa noite Smashing Friends,

You Might Also Like

The Design World’s 19 Most Beloved Travel Destinations

Thursday, March 28, 2024

Plus, designers share the AD projects that still inspire View in your browser | Update your preferences Architectural Digest AD PRO Logo WILD, WHIMSICAL MEADOW GARDENS ARE THE LANDSCAPE TREND TO WATCH

How Balsamiq uses AI

Thursday, March 28, 2024

A peek into our ChatGPT conversations ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Adobe AI, Remote, Stripe Sessions, Node.js Redesign, light-dark()

Thursday, March 28, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 28 2024 Defining experience quality in large language

Are Photorealistic Renderings Worth It?

Wednesday, March 27, 2024

Plus, the go-to garden stores of top designers and landscaping pros View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Home Decor, Lamp, Desk, Furniture,

CSS Variable Groups, Layout Rhythm, Animate Borders, Parallel Lives, Visualization Techniques

Wednesday, March 27, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 27 2024 Proposal: CSS Variable Groups lea.verou.me CSS

The History of Ikat

Tuesday, March 26, 2024

Plus, Kips Bay Decorator Show House New York announces designer lineup View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Art, and Painting SAVE YOUR

#449: UX Research

Tuesday, March 26, 2024

UX research impact, research invite emails, research without access to users, and UX research methods cheat sheet. Issue #449 • Mar 26, 2024 • View in the browser Smashing Newsletter Joh-eun jeonyeog-

Progress Indicator, Lissajous Curves, Pixel to Ink, Azulejo, Mac at 40

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 26 2024 Front-End solution: progress indicator piccalil.

Responsive Font Size, Icon Design, text-emphasis, Inclusive Sans, Accessible Forms

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 25 2024 A formula for responsive font-size jameshfisher.

👏 Impressive Dashboard Design Files + 🏆 Challenge Updates

Tuesday, March 26, 2024

🌟 Brighten Your Day with UpLabs' Design News! Firstly, let's congratulate Syndell, the winner of our latest 📝 Todoist Dashboard Redesign Challenge! Congratulations!! Secondly, don't forget