RWD Weekly #452 — the one about accessible components

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 look at improving performance through better images and video, and Bootstrap have a nice set of updated items include off-canvas flyouts.

Let's get linking.
 

A Complete Guide To Accessible Front-End Components

This week Vitaly brings you 33 minutes of helpful tips and tricks to provide better accessible frontend experiences to your users from tabs and tables to toggles and tooltips.
 



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,337 tuned in web designers and developers. Find out more.

Article

 

Who has the fastest F1 website in 2021?

As I clicked on to Jake's article all I can hear in my head is the mid song switch in Fleetwood Mac's The Chain. Dummmmm, dum dum dum dum, dum dum dum-dum-dum, dummmm.
 

Safety at conferences

Laura covers off some tips for conferences organisers (and attendees) on how to make speakers/attendees feel safer. This goes for the conference itself, as well as getting to and from the hotel/airport.
 

Bootstrap 5 Beta 3

This is the last of the beta releases for Bootstrap 5, next up will be the first stable release. Along with improving the dependencies with Bootstrap, they're also bringing in a new off canvas component as well.
 

The End of AMP



Tutorials


How MDN's site-search works

An interesting overview of how the MDN Site search works from Peter Bengtsson using a combination of GitHub actions and elastic search. 
 

Animating Underlines

Michelle Barker gives us the rundown on how to make our links appear a little more entertaining than just switching colours when you hover. This post is full of progressive enhancement, so I hope you don't mind all of your users getting the best result possible.
 

Handling Text Over Images in CSS

We all love a heading almost as much as we love a heading on top of an image. Unfortunately, we can never really be sure what image the client is going to upload onto the site, so we can't be sure if the test will be readable. Fortunately for us, we have Ahmad to show us all the ways in which we can get this to work.
 

Resources & Tools


The Component Gallery

A cracking resource from Iain Bean. Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

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

RWD Weekly #448 — the one about shadows

Friday, February 26, 2021

Shadows, tools for AVIF, WebGL gallery Read online Hello again, welcome back to RWD Weekly #448. This is the second to last week of home schooling in the UK and a small step towards returning a small

RWD Weekly #447 — the one about Z Index

Friday, February 19, 2021

Z Index, Web frameworks, history of the web and more Read online Hello again, welcome back to RWD Weekly #447. Our feature site this week comes from a course which I've signed up for called The

Inside Claude Monet's Home at Giverny

Wednesday, June 16, 2021

(image) Architectural Digest AD PRO Logo Image may contain: Garden, Outdoors, Arbour, and Porch Forget the Gardens: The Best Part of Giverny Is Monet's Kitchen Read More → (image) Condé Nast

Typography Trends, Tutorials UX, Safari 15, Brave Onboarding, Loaf

Wednesday, June 16, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 16 2021 Typography Trends in 2021: What Should You Know?

Issue 307

Tuesday, June 15, 2021

Fixing up all the table things, equal columns with flexbox, avoiding layout shift when loading web fonts. CSS Layout News Issue 307 By Rachel Andrew – 15 Jun 2021 – View online → It's still sunny

✏ Samsung Redesigns the Save Icon, 22 Exciting New Tools, Typography Trends, and more…

Tuesday, June 15, 2021

Samsung Gives the “obsolete” Floppy Disc Save Icon a Facelift for the 2020s ITSNICETHAT.COM COMMENTS 22 Exciting New Tools for Designers, June 2021 WEBDESIGNERDEPOT.COM COMMENTS Typography Trends in

96 / Not boring avatars for your apps, design resources, iOS 15 UI kit and epic fails

Tuesday, June 15, 2021

Product Disrupt Logo Product Disrupt Half-Monthly Jun 2021 • Part 1 View in browser Image Boring Avatars Tiny JavaScript React library that generates custom, SVG-based, round avatars from any username

Smashing Newsletter #305: Color Palettes Generators and Tools

Tuesday, June 15, 2021

With CSS variables, HSLA, color generators, color combinations and color scales for data visualizations. Issue #305 • June 15, 2021 • View in the browser 💨 Smashing Newsletter Ciao Amici, Color may

👨‍⚕️ 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