Useful hubs on accessibility, design, UX research, design toolkits and front-end components — all neatly packed in one single newsletter. Issue #398 ⢠Mar 28, 2023 ⢠[View in the browser]( [Smashing Newsletter]( Goedendag Smashing Friends, There are so many wonderful resources around us! But why is it that when we need something very specific, itâs always difficult to find anything? In this newsletter, we highlight incredible knowledge hubs for design, UX, accessibility, front-end components and UX research — kindly put together by wonderful members of the community for all of us to use. [SmashingConf Freiburg 2023](
Meet [SmashingConf Freiburg](  a friendly conference (in-person and online) all around front-end, UX and design. Weâd love you to join us for a few exciting and adventurous days at our upcoming SmashingConfs (in-person/remote): - [SmashingConf SF]( ðºð¸ (May 23â26) all around front-end, CSS, JavaScript, Next.js, accessibility and web performance,
- [SmashingConf Freiburg]( ð©ðª (Sep 4â6) on design systems, CSS, accessibility, Figma, and front-end and
- [SmashingConf Antwerp]( ð§ðª (Oct 9â11) on design, UX, design systems, Figma, enterprise UX and UX research. And, of course, you could dive into some of [our friendly online workshops]( with new workshops from data visualization and accessibility testing to Figma workflow and React performance. Happy learning, everyone! — Vitaly ([@vitalyf]( --------------------------------------------------------------- 1. Start Here, Designer! There are so many wonderful design resources out there that it can be hard to stay on top of things and find the resources that will really help you get better at your craft. To give you a credible starting point, Krisztina Szerovay published the resource collection that she has been sharing with fellow designers, students, and mentees. [Start Here, Designer!]( â[Start Here, Designer!]( as the collection is called, features only design and visual thinking resources that Krisztina has experience with: books and articles she read, talks she watched, podcasts she listened to, newsletters sheâs happily subscribed to, and more. The database currently features more than 440 of Krisztinaâs favorite resources, and she adds new ones to it every week. One for the bookmarks. (cm) --------------------------------------------------------------- 2. The Guide To Design Have you ever wondered if a career in UX might be right for you? Then â[The Guide to Design]( is a great opportunity to get a realistic idea of what UX is all about. Designed as a self-guided class, it helps you take your first steps into digital product design before investing in more formal education and training. [The Guide to Design]( The guide consists of nine chapters that cover everything from finding your place in the design industry to design methods and practices, the impact of design, and shaping your career. You wonât find any talk about magic formulas or UX unicorns, and there is no job waiting for you at the end of the course either. Instead, youâll get a rock-solid introduction to what design is, why it matters, and how you can become a part of it all. And that knowledge is the perfect base to build upon. (cm) --------------------------------------------------------------- 3. Accessibility Resources And Guides Accessibility is still often overlooked in design and development education. The A11y Project wants to change that and published a comprehensive [collection of accessibility guides and resources]( that raise awareness for the topic and make digital accessibility easier. [Stark Library]( The collection features media like books, newsletters, talks, podcasts, handy development tools, browser extensions, bookmarklets, communities, conferences, meetups, and much more to help you create accessible and inclusive experiences. Another fantastic [library all around accessibility]( comes from Stark. You can browse the resources by category to find what you need or draw on one of the handpicked and curated collections. They cover different accessibility topics, including accessible color combos, tips and tricks for accessible social media, inclusive personas, design patterns, and more. (cm) --------------------------------------------------------------- From our sponsor Get A Complete Picture Of Your Siteâs Performance [SpeedCurve](
Track Core Web Vitals and learn how users experience the speed of your site. Use Lighthouse audits to fix issues. Measure the impact of slowdowns on business metrics and user engagement. Integrate with your CI/CD process to stay fast. [Explore SpeedCurve today]( --------------------------------------------------------------- 4. UI Components Handbook No matter what kind of UI component youâre working on, thereâs no need to reinvent the wheel. To make your work easier and shorten research time, the folks at UI Guideline analyzed some of the most popular design systems and UI libraries to standardize the design and code of more than 40 UI components. The result is the [UI Components Handbook](. [UI Components Handbook]( For each component, the handbook gives you an overview of real-world examples, anatomy, grouping, and properties of the component. The cherry on top is a ready-to-use Figma component that includes all the best practices and the ready-to-use HTML code that you can use as a starting point to code and style your own component. A real timesaver. (cm) --------------------------------------------------------------- 5. Upcoming Workshops & Conferences Thatâs right! We 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 Workshops](
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: - [UX/UI Design & Figma Introduction]( UX
with Christine Vallaure. Apr 20–28
- [New Front-End Adventures, 2023 Edition]( Dev
with Vitaly Friedman. Apr 25 – May 9
- [Architecting Design Systems]( Workflow
with Nathan Curtis. May 11–19
- [Data Visualization Masterclass]( Dev
with Amelia Wattenberger. May 4–18
- [SmashingConf SF]( — May 23–26
- [Deep Dive On Accessibility Testing]( Dev
with Manuel MatuzoviÄ. June 12–26
- [Smart Interface Design Patterns Video Course]( UX
9h-video + Live UX Training with Vitaly Friedman
- [Jump to all workshops →]( --------------------------------------------------------------- 6. Design Lessons And Toolkit You want to learn design and are looking for a guide that gives you a complete overview of the field? Hackdesign teamed up with some of the worldâs best designers to create a [practical, self-paced design course]( that does exactly that. [Hackdesign]( The course is divided into [50 digestible lessons]( each of them curated by a renowned designer to teach you the tools, techniques, and terminology of good design — be it on typography, UX, UI, graphic design principles, mobile, interaction design, front-end, or product design. Hackdesign also includes a handy [Toolkit]( that makes it easy to find just the right design tools for your purpose. A fantastic 360° look at design. (cm) --------------------------------------------------------------- 7. Guide To User Research User research helps us gain a deep understanding of our users. But as essential as user research is, only few teams have UX researchers on board. If youâre a UX designer without a research background, Paulina Barlik curates a wonderful collection of resources to get you fit for the task: the [Guide to User Research](. [Guide to User Research]( Covering everything from usability heuristics to choosing a research method, recruiting participants, and creating personas, the guide features more than 250 resources and tools to incorporate user research in your design practice. The resources for each topic are divided into different categories — from âquick summaryâ to âdeep diveâ — depending on how deep you want to dig. Even if youâre an experienced practitioner, you will find some useful nuggets in there. (cm) --------------------------------------------------------------- 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](. --------------------------------------------------------------- 8. New On Smashing Job Board - [Design System Specialist](
at InVision AG (Düsseldorf, Germany)
- [Frontend Developer â JavaScript (Vue.js/Nuxt.js)](
at MIR MEDIA - Digital Agency (Cologne, Germany)
- [Web Designer â Frontend](
at University of Rhode Island (Kingston, Rhode Island) --------------------------------------------------------------- 9. Recent Smashing Articles - [The Best Handoff Is No Handoff](
- [Overcoming The Challenges Of Content Creation For Informational Websites](
- [Smashing Podcast Episode 58 With Debbie Levitt: What Is CX Design?](
- [Free Fonts For Interface Designers](
- [Internationalization In Next.js 13 With React Server Components](
- [Read more on Smashing Magazine →]( --------------------------------------------------------------- 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]( Weekly issues with useful tips for web devs.
Email: newsletter@smashingmagazine.com. [unsubscribe]( ⢠[update preferences]( ⢠[view in your browser](