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.

✏ Is AMP Dead and Do We Care? React Markdown Editor, Bad vs Good Designs, and more...

Saturday, June 19, 2021

Poll: Is AMP Dead, and do We Care? WEBDESIGNERDEPOT.COM COMMENTS Bad Vs Good Accessible Designs USABILITYGEEK.COM COMMENTS Client-Side Routing in Next.js SMASHINGMAGAZINE.COM COMMENTS React Markdown

The 25 Best Accent Chairs, According to AD100 Designers

Friday, June 18, 2021

Plus, more sourcing inspiration. View in your browser | Update your preferences Architectural Digest AD PRO logo image Welcome to the PROcurement, our new weekly roundup of the best designs to source

✏ 40 Javascript Memes, CSS Specificity Calculator, HTML Semantic Tags Sheet, and more...

Friday, June 18, 2021

The Problem with UX/UI Portfolios MARKBOULTON.CO.UK COMMENTS CSS Specificity Calculator POLYPANE.APP COMMENTS Your Image is Probably not Decorative SMASHINGMAGAZINE.COM COMMENTS Top 40+ Javascript

What Will Back-To-Normal Look Like?

Friday, June 18, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

UX/UI Portfolios, Feels, Bear Plus Snowflake, Optical Size, Aspect Ratio

Friday, June 18, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 18 2021 The problem with UX/UI portfolios markboulton.co.

RWD Weekly #462— the one about the little yellow book

Friday, June 18, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #462 happy Friday! This week I've been

Meet Image Optimization, A New Smashing Book

Thursday, June 17, 2021

Meet Addy Osmani's new book on image optimization: from formats and compression to delivery and maintenance. Brand new book: Image Optimization by Addy Osmani. Dearest Friend, How do we deliver

🔥 Dashing Mobile UI Designs and more

Thursday, June 17, 2021

Round Up The Newest UpLabs Weekly Freebies 🤠 Check out some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. The New Super Fast Way to Build a Website

Holly Hunt Reinvents Herself Once Again

Thursday, June 17, 2021

Plus, a houseplant sells for almost $20000 at auction (image) Architectural Digest AD PRO Logo house plant - philodendron Think You Love Houseplants? This One Just Sold for Almost $20000 Read More →

✏ 3 Ways to Design More Inclusively, What is a Design System?2021 Fun Typefaces, and more...

Thursday, June 17, 2021

3 Ways to Design More Inclusively WEBDESIGNERDEPOT.COM COMMENTS What is a Design System? ROBERTCREATIVE.COM COMMENTS Animal Crossing Font FONTSPANDA.COM COMMENTS Some Fun Typefaces for 2021 KOTTKE.ORG