Tuesday, July 31, 2018

Smashing Newsletter #211: Accessible Toggle Switches and Legacy Codebases

Since the last newsletter issue, we launched our latest eBook "The WebP Manual" by Jeremy Wagner. If you want to understand this new image format, it is a great way to quickly get up to speed.Issue #211 Tue, July 31, 2018 View in the browser ๐Ÿ’จ

Smashing Newsletter

Dear Friend,

Since the last newsletter issue, we launched our latest eBook "The WebP Manual" by Jeremy Wagner. If you want to understand this new image format, it is a great way to quickly get up to speed.

We have a whole list of upcoming books here at Smashing Magazine, with many exciting things lined up for you, starting with the Smashing Book 6 in September. One way to get your hands on all of the e-books as they are released is to become a Smashing Member, and we are very excited today as we are very nearly at 1,000 Members! Members help us to keep creating top-notch content for professional designers and developers, and also to work with upcoming writers and speakers, bringing new voices to our community.

We would love for you to join us — you can check out what is upcoming for Members later in this email.

Rachel (@rachelandrew)


Table of Contents

1. How To Get To Know A Legacy Codebase
2. Invaluable Web Dev Cheatsheets
3. A Memory Game To Train Your Typographic Eye
4. Figures In The Sky
5. On Building Accessible Toggle Switches
6. SmashingConf New York Is Coming
7. Free Email Design System For Sketch
8. CSS Duotone Generator
9. Upcoming In Smashing Membership
10. Upcoming Workshops With Vitaly Friedman
11. New On Smashing Job Board
12. Popular Articles This Month

1. How To Get To Know A Legacy Codebase

In his latest blog post, Harry Robert's shares his tips on how to get to know a legacy codebase and make sense of it. A good roadmap that'll take you through the unfamiliar code jungle safely — from seeing what breaks, to setting up regression tests, and understanding how things originally came together. (cm)

Getting To Know A Legacy Codebase


2. Invaluable Web Dev Cheatsheets

A great cheatsheet can be a real timesaver, and we all evidently appreciate one. Well, Devhints is another one you can add to your collection: A treasure chest for any developer brought to you by Rico Sta. Cruz. (cm)

Devhints


From our sponsor

Develop the Future of Healthcare with Centene

Centene is expanding in order to better serve their insurance health plan members. They are looking for IT professionals to create technical solutions with visible impact to their business.

two awesome developers discussing some stuff

When you join their IT group, you have the unique opportunity to work in a fast-paced atmosphere where your professional trajectory is accelerated entirely by your determination. There are no limits to what you can accomplish at Centene. Check out their open positions!


3. A Memory Game To Train Your Typographic Eye

Recognizing different styles of fonts is one of the most challenging parts of typography. To help you train your eyes for even the smallest details, Matej Latin created the Font Memory Game. (cm)

Font Memory Game


4. Figures In The Sky

In her interactive, dataviz-driven story "Figures in the Sky," Nadieh Bremer gives us a deeper look into how current and past cultures across the world have seen their myths in the stars' constellations — from the Western, to the Chinese, Maori, and even Aztec cultures. Fascinating! (cm)

Figures in the Sky


From our sponsor

The One Tool to Rule Them All

Jamf Now is a device management solution for your Apple devices at work. Deploy apps, secure devices and more. Get started and create your free account!

514.gif?opens=1The One Tool to manage Apple devices

5. On Building Accessible Toggle Switches

Toggle switches are nothing new, but what if you want to build a two-option switch that explicitly states which state is enabled? One that is accessible, too?

Toggle Switch

Sara Soueidan tinkered with the idea and now wrote up her approach and how she got to it in a comprehensive blog post. A good read with lots valuable lessons learned and things to keep in mind. (cm)


6. SmashingConf New York, Oct 23-24.

You might have heard about our live sessions conference last month in Toronto? It was a big success, and in New York we will be doing a few live sessions, too. Exciting!

Come and see Sara Soueidan, Dan Mall, Debbie Millman, Sarah Drasner and so many others speak at the New World Stages. Here's the full speakers line-up.

Dan Mall in Toronto 2018, no slides
Tickets to SmashingConf New York 2018 are now available — grab yours before it's gone!

Enjoy two days packed with knowledge, lunch sessions, and a great rooftop party! Make your SmashingConf more memorable by adding a full-day workshop and save $100.


7. Free Email Design System For Sketch

Design systems help us keep consistency in a project even when different designers are working on it. But what about emails? After all, you'll want to keep the different kinds of emails you send out to your users to look consistent, too. For that purpose, Lee Munroe created a free email design system for Sketch. (cm)

Email Design System For Sketch


From our sponsor

Online Masters in Information Design and Strategy

Ad

Learn to drive effective digital communication.

8. CSS Duotone Generator

Sometimes, a little experiment can turn into something really cool. To practice his Vanilla JavaScript skills, Rick Metzger started to tinker with an idea about three weeks ago; now it has grown into a practical tool just waiting to be used. Meet the CSS Duotone Generator. (cm)

CSS Duotone Generator


9. Upcoming In Smashing Membership

Smashing Membership helps us to keep the site alive and go ad-free. Every Member makes a difference, and get valuable content from it, too!

Coming up next:

  • ๐Ÿ“˜ Smashing Book 6: We are releasing "Designing For Audio UIs and Watches" by Greg Nudelman and "Accessibility in SPAs" by Marcy Sutton at the end of this week!
  • ๐ŸŽช We'll be releasing the SmashingConf Toronto videos, with live interactive sessions on everything from designing live to auditing third-party scripts live.
  • ๐Ÿ“บ Smashing TV: Webinars on how to improve UI performance and how to set up a proper product roadmap.

We are very grateful for the kind and generous support of 998 members! You can become one of us, as well. ;-)


10. Upcoming Workshops With Vitaly Friedman

๐Ÿ‡ฉ๐Ÿ‡ช Freiburg, SmashingConf, Sept. 10 – 11, 2018
๐Ÿ‡บ๐Ÿ‡ธ New York, SmashingConf NY, Oct. 23 – 24, 2018

A Workshop with Vitaly Friedman with some happy attendees

Or, if you'd like to run an in-house workshop at your office, feel free to get in touch with Vitaly at vitaly@smashingconf.com and briefly describe what problems you're facing and would like to solve. Don't worry about the costs — we'll find a fair price for sure. Get in touch — it's that easy!


11. New On Smashing Job Board

  • System Engineer at Centene (Chesterfield, MO, or Sacramento, CA)
    "As System Engineer, you provide operational and technical support to ensure the ongoing stability to the server environments. You also contribute to the IT infrastructure design and leading in server implementations."
  • Java Developer at Centene (Chesterfield, MO, or Sacramento, CA)
    "As Java Developer, you design, build, test and maintain scalable and stable off the shelf applications or custom built technology solutions to meet business needs."
  • C#/.NET Developer at Centene (Chesterfield, MO, or Sacramento, CA)
    "In this position, you participate and contribute in the entire implementation process for new applications and enhancements to existing applications."

12. Most Popular Articles This Month

  • CSS Grid Level 2: Here Comes Subgrid
    CSS Grid Level 2 is already in the process of being specified, and the main feature of this level of the spec is to bring us subgrid. In this article, Rachel Andrew explains the new features.
  • So You Want to Persuade Users? Make Things Simple!
    Persuasion is all around us, in our everyday lives. As designers, we can use ethical persuasive design methods to get users to take some action. With plenty of persuasive methods available, we have to be selective about what we use.
  • WordPress Notifications Made Easy
    Do you know Redux's real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? Let's dig deeper into what Redux can do, why it does its things, what the downsides are, and how it relates to design.

This newsletter issue was written and researched by Cosima Mielke, Iris Ljeลกnjanin, Vitaly Friedman, Markus Seyfferth, and Christiane Rosenberger.


Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You
rock.
Follow us on Twitter Join us on Facebook



No comments:

Post a Comment