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.

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

RWD Weekly #456 — the one about design systems

Sponsor

Think Ahead Now. Thank Yourself Later.

Article

Free design systems courses

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

Tutorials

An In-Depth Guide To Measuring Core Web Vitals

Resources & Tools

API - WebPageTest

Data visualization guide for presentations, reports, and dashboards

Can I use... CSS Container Queries

MDX

Finally

Older messages

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

RWD Weekly #454 — the one about Space Jam

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

RWD Weekly #452 — the one about accessible components

RWD Weekly #451 — the one about Ghosts 😱

You Might Also Like

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Accessibility Weekly #393: When Security and Accessibility Clash

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

What makes a great seed stage founder

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

World Press Photo Contest, Speedometer 3.0, Anchor Position, Sliding Frame, Meta Llama 3

Car UX, DevTools Tips, CSS Patterns, iOS404, Internet Cables

Big Tents, Pistachio Palettes, and Other Late-Breaking Milan Discoveries

163 / Dieter Rams inspired Framer components, America's national parks and more free resources…