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

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

Thursday, April 18, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 18 2024 Steering the future: a new vision for car UX

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

Wednesday, April 17, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

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

Wednesday, April 17, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 1 View in browser Welcome to Issue 163! I'm comfortable talking to a human on camera, but talking at the camera, not so much. The

Logo System, BCWA Identity, War Robots, 84—24, 19th-Century Atlas

Wednesday, April 17, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 17 2024 Logo System: Explore 400+ logo designs logosystem

Emma Roberts's Home: AD100 Firm Pierce & Ward Share Their Secret Sources

Tuesday, April 16, 2024

Plus, the best exterior house colors View in your browser | Update your preferences Architectural Digest AD PRO Logo exterior of two residential buildings painted with blue trim with a brick patio and

#452: Design Workflow

Tuesday, April 16, 2024

How to choose the right idea, navigate difficult conversations and communicate design. Issue #452 • Apr 16, 2024 • View in the browser Smashing Newsletter Iyi akşamlar Smashing Friends, Design workflow

Mario & Pareto, faces.js, Sleep vs Blog, Dark Mode, DOM Folding

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 16 2024 Mario meets Pareto mayerowitz.io Discover how to

Gap, Teenagers, Artistic Intelligence, Should Designers Code, CSS in RSCs

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 15 2024 Gap is the new Margin frontendmasters.com In 2020

How to Combat Allergies at Home—Designers Weigh In

Monday, April 15, 2024

Plus, 5 gorgeous greenhouses from the AD Archive View in your browser | Update your preferences Architectural Digest AD PRO Logo a conservatory-style greenhouse at the back of a lush floral garden

Accessibility Weekly #392: Socks, Lies, and Accessibility

Monday, April 15, 2024

April 15, 2024 • Issue #392 View this issue online or browse the full issue archive. Featured: Socks, lies, and accessibility "Global Accessibility Awareness Day (GAAD) is around the corner.