RWD Weekly #456 — the one about design systems

Read online

Hello again, welcome back to RWD Weekly #456, happy Friday!

Big thanks to Dave for DMing me on Twitter to see if I was alright after the weekly newsletter didn't go out on Friday. I had pushed the newsletter live before pausing it to make a last minute update, and then forgot to set the campaign to post again. D'Oh.

I'm slightly more organised this week, but then again I'm still writing and haven't started sending yet... who knows what is going to happen.
 



Sponsor

Think Ahead Now. Thank Yourself Later.


Gymnasium just dropped four design systems courses with Ethan Marcotte tailored for designers, developers, and product managers.

Not sure where to start? Don’t sweat it — there’s a course for everyone.
Explore Design Systems
Advertise your product, service, or job opportunity to 26,259 tuned in web designers and developers. Find out more.

Article

Free design systems courses

Ether Marcotte is yet again at his teaching best, once again partnering with Gymnasium to produce a series of four design system courses.

How I Built my Blog using MDX, Next.js, and React

As someone who is working their way through creating a marketing site using Next.JS it was great to read through Josh's process in rebuilding his blog. Josh is one of my all time favourite authors, always managing to make the article insightful and entertaining.
 

Tutorials

An In-Depth Guide To Measuring Core Web Vitals

With web vitals becoming a core indicator for your ranking in Google results, if you haven't focused on performance before now is the time. This artice from Barry is a great overview, and there's even a helpful codesnippet for you to use on your site to make sure you're tracking these through Google Analytics as well.
 

Resources & Tools

API - WebPageTest

The WebPageTest API key lets developers automate performance testing within their workflow to continuously deliver faster web pages.
 

Data visualization guide for presentations, reports, and dashboards

This is a highly practical and example-based guide on visually representing data in reports and dashboards. It is based on the work of authors such as Barbara Minto, Edward Tufte, and Stephen Few.
Standalone web components    https://github.com/davatron5000/awesome-standalones    A curated list of awesome framework-agnostic standalone web components from Dave.
 

Can I use... CSS Container Queries

I've got to admit, there's a heck-of-a-lotta red in this picture. If you look really closely you'll see a small glint of green.... watch how fast it grows.
 

MDX

MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast 🚀.

Finally


That's all for this week. Thanks for stopping by, if you found something useful please recommend us to a friend and help us continue to grow.

Cheers,

Justin.

Twitter
Facebook
Website
Copyright © 2021 Simple Things, All rights reserved.
You are receiving this email because you rock! You wanted to know more about Responsive Web Design so you signed up to this list to receive a weekly update with links to articles, tools and tricks of the trade.

Our mailing address is:
Simple Things
Simple Things LTD
Thame, Oxfordshire OX92EQ
United Kingdom

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by Mailchimp

Older messages

RWD Weekly #455 — the one about going to the Gym

Monday, April 19, 2021

Read online Hello again, welcome back to RWD Weekly #455, happy Friday! One week back and work and I can barely keep my eyes open on a Thursday evening. No waffling to get this started, let's just

RWD Weekly #454 — the one about Space Jam

Friday, April 9, 2021

Read online Hello again, welcome back to RWD Weekly #454, happy Friday! I've had this week off my day job and it has given me a great opportunity to spend some more time tinkering around with side

RWD Weekly #453 — the one about Stack Overflow's new feature

Friday, April 2, 2021

Read online Hello again, welcome back to RWD Weekly #453. This morning my little person came into my office and excitedly said "Look Dad, quick quick, there's a massive eagle in the back yard

RWD Weekly #452 — the one about accessible components

Friday, March 26, 2021

Read online Hello again, welcome back to RWD Weekly #452. This week we've got a tonne of accessible front end components for you — well, actually, Vitaly from Smashing has them for you. We take a

RWD Weekly #451 — the one about Ghosts 😱

Friday, March 19, 2021

Read online Hello again, welcome back to RWD Weekly #451. Our feature website this week is hosted across a network of solar powered servers and is sent to you from wherever there is the most sunshine.

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏