1. Home
  2. Discover
  3. Design
  4. Responsive Design Weekly

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

You Might Also Like

Behind the Design of Lauren Santo Domingo’s Ski House

Thursday, November 21, 2024

View in your browser | Update your preferences ADPro Peak Style When it comes to clients, says AD100 designer Andre Mellone, “my biggest nightmare is a person who says, 'Carte blanche, do whatever

2025 Interior Design Trends, Revealed

Wednesday, November 20, 2024

View in your browser | Update your preferences ADPro Image may contain: Furniture, Chair, Interior Design, Indoors, Home Decor, and Rug Inside Our Newest Trend Report “Design, like fashion, tries to

Want a free strategy session with us?

Wednesday, November 20, 2024

Plus, the emails editors open most often. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

One Simple Thing You Can Do to Retain Your Staff

Tuesday, November 19, 2024

View in your browser | Update your preferences ADPro By my account, it's not fall until I've watched You've Got Mail, Nora Ephron's '90s film adaptation of the 1930s Hungarian play

#483: UX Writing

Tuesday, November 19, 2024

With writing guides, content testing and practical guides for better content design. Issue #483 • Nov 19, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, Every digital product

Accessibility Weekly #423: Beautiful Focus Outlines

Monday, November 18, 2024

November 18, 2024 • Issue #423 View this issue online or browse the full issue archive. Featured: Beautiful focus outlines "Unfortunately, focus outlines are often overlooked in web design.

175 / Build your ideas without writing any code

Monday, November 18, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Nov 2024 • Part 1 View in browser Welcome to Issue 175 One month ago, I quit my longest-standing job and embarked on a pathless path to let my

Into the Fediverse

Sunday, November 17, 2024

Issue 221: We need decentralized social networks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Books AD Editors Can’t Put Down Right Now

Friday, November 15, 2024

View in your browser | Update your preferences ADPro Good Reads Here at AD PRO, we're all about celebrating a good coffee table book. With crisp project imagery and behind-the-scenes stories tucked

What astrology has to do with PR?

Wednesday, November 13, 2024

and, no we won't tell you to read your chart! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏