RWD Weekly #454 — the one about Space Jam

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 projects. We've also decided to take more advantage of this working from home and the upcoming summer by extending our patio to fit a table out the back — and I got to use a mini digger to do it. Let's just say I'm not chaging careers any time soon after removing half the side fence in the process, at least you can always roll back a failed push.

Let's get linking.

 


Sponsor

Let’s get together virtually this Spring


Online Together: Spring Summit is a three-day web design conference with an intense focus on digital design, UX, content, code, and more—featuring 15 in-depth sessions, Q&A with the speakers, “After Hours” events to conclude each day, and more. You’ll get deep insights into where we are now and where things are going next. Join us online April 19–21.

Save $100 on any multi-day pass with promo code AEARWD21.

See the detailed three-day agenda and sign up today.
View details
Advertise your product, service, or job opportunity to 26,287 tuned in web designers and developers. Find out more.

Article

Space Jam

Max investigates how Space Jam has changed from a performance standpoint between 1996 and 2021. While the size has got a lot bigger and the internet a lot faster, the performance times are about the same.
 

Roll-Your-Own vs Third-Party Design System Reference Website

Brad takes us through the pro's and con's of running a design system reference website. These sites are incredibly valuable in being able to get a feel for all of the design elements in their place, along with code examples at the ready.
 

Google Is Testing Its Controversial New Ad Targeting Tech in Millions of Browsers. Here’s What We Know

Google are looking to use Federated Learning of Cohorts (aka FLoC) to do away with Cookies but still maintain a full understanding of users and interactions with Ads. This has been rolled into 5% of Chrome users around the globe, although you won't know if you're one of them. Another timely reminder to user browsers like Brave & Firefox.
 

Words To Avoid in Educational Writing

I'm not sure why this has popped up in my feed again recently, but I'm glad it did. Chris covers off some of the words that we drop into our writing which are not helpful, or even worse, can make our readers feel bad about their skill level or capabilities.
 

Dynamic URL Rewriting at the edge with Cloudflare

Cloudflare will now allow you to create unique or dynamic rewrite rules for your URLs and the logic will be managed at the Cloudflare layer. If you're using something like Netlify you might already have these defined in your .toml file, but for those that are on other hosting this can become really handy.


Tutorials

How I’ve improved my remote presentation setup

Lara takes you through her computer presentation setup, from keeping eye contact with your virtual audience to the tech that can help you keep everything running smoothly.
 

Creating Colorful, Smart Shadows

This very clever technique reuses the parent elements image and applies some drop shaddow and blur to get a coloured shadow effect. Nice work Kirupa!
 

Paper Snowflakes

A wonderful tutorial from Michelle Barker on putting together snowflakes by combining clipping and masking in CSS. She has even built a little snowflake maker in CodePen for everyone to enjoy.
 

Swipey image grids.

In this article, Cassie walks you through how to implement an image reveal effect for image grids. "SVG can come in handy for so much more than jazzy graphics. When you stop looking at SVG purely as a format for illustrations and icons, it's like a lightbulb goes on and a whole world of UI styling opens up."
 

Sortable Table Columns

An accessible sortable table is not necessarily the same as a usable sortable table.
 

Resources & Tools

UI Gradient Generator

How to Design Beautiful, Buttery-Smooth Gradients
 

CSS Stacking Context Inspector

Bramus provides an overview of a Chrome Dev Tools extension that allows you to understand the Z-Index stacking relationship of the page you're viewing.

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 #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.

RWD Weekly #450 — the one about NFTs and Content buddies

Saturday, March 13, 2021

Read online Hello again, welcome back to RWD Weekly #450. Another mini-milestone and we are now less than a year away from hitting 500 editions. While it seems a long way away now, I was thinking the

RWD Weekly #449 — the one about TailwindCSS

Friday, March 5, 2021

Read online Hello again, welcome back to RWD Weekly #449. This week we're packing the tutorials in to keep you busy on the first Friday of Spring, and the last Friday of home schooling for the UK.

👨‍⚕️ Curative Medical UI Kits + 🏆 Challenge Updates

Tuesday, June 15, 2021

Don't Miss This Week's UpLabs Designer Digest 👇 Firstly, we'd like to wish a warm congratulations to Yolan Puspa, the winner of our latest 🎙Clubhouse App Redesign Challenge! Secondly, we

✏ Is A Graphic Design Career For You? Create React Custom Hooks, Health Icons, and more...

Monday, June 14, 2021

Is a Graphic Design Career for You? (7 Questions to Ask Yourself) DRIBBBLE.COM COMMENTS When CSS Isn't Enough: JavaScript Requirements for Accessible Components SMASHINGMAGAZINE.COM COMMENTS Health

A Filmmaker's Kubrickian Loft

Monday, June 14, 2021

Design editor Wendy Goodman takes you inside the city's most exciting homes and design studios. Design Hunting A visual diary by Design Editor Wendy Goodman The living room (that's not really a

This New Tabletop Collection Has Us Falling Back in Love With Formality

Monday, June 14, 2021

Plus, 10 kitchen trends taking TikTok by storm (image) Architectural Digest AD PRO Logo The Expert Taps Former Domino EIC Jessica Romm Perez to Lead Partnerships Read More → CeCe Barfield's New

Accessibility Weekly #244: Looking at WCAG 2.5.5 for Better Target Sizes

Monday, June 14, 2021

Sponsored by Automattic. They're hiring. June 14, 2021 • Issue #244 View this issue online or browse the full issue archive. Featured: Looking at WCAG 2.5.5 for better target sizes Todd Libby talks

Bullet Charts, Tapestry, Group Orders, Media Queries, Health Icons

Monday, June 14, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 14 2021 How bullet charts taught me about the importance

✏ Perfection in Design, 11 Landing Page Design Tips, Scarlet illustrations, and more...

Sunday, June 13, 2021

Adding Shadows to SVG Icons with CSS and SVG Filters CSS-TRICKS.COM COMMENTS Perfection in Design: Why It's a Bad Idea HONGKIAT.COM COMMENTS Scarlet Illustrations - Abstract and Surreal

✏ Web Design Done Well, NoCode Revolution, Akar Icons, and more...

Saturday, June 12, 2021

✨Grab a Free .design Domain Name for your Portfolio✨ [ad] PORKBUN.COM Web Design Done Well: Making Use of Audio SMASHINGMAGAZINE.COM COMMENTS Website Design Mockup: Pitch your Ideas the Best Way

✏ Front-End Auditing Tools, Privacy Analysis of FLoC, Free Tailwind Kit, and more...

Friday, June 11, 2021

✨Grab a Free .design Domain Name for your Portfolio✨ [ad] PORKBUN.COM 13 Inspiring Graphic Design Trends for 2021 VECTORNATOR.IO COMMENTS Link Shorteners: Why You Shouldn't Use Them GCS.

Celebrating High Point, Welcoming Lila Allen

Friday, June 11, 2021

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