Responsive Design Weekly - RWD Weekly #435

Read online

Hey everyone and welcome to week #435 of the responsive design newsletter.

Our feature site this week is from Ahmad who has single handedly brought more featured articles in this newsletter in 2020 than just about any other blogger (including CSS Tricks for measurement). This week he has finished his book, Debugging CSS, which is a steal for just $33.

Let's get linking.
 


Headline

 

Coding with voice dictation using Talon Voice

So this article just filled me with all the joys! I'm not glad that Josh has been suffering from Cubital Tunnel Syndrome, but this article showcases how he's overcome this to continue to build amazing things through voice commands instead. Check out his latest bit in the Tools section too.
 

From The Experts: Global Digital Accessibility Developments During COVID-19

The importance of Accessibility has never changed, it should be core to the work that you do on your website and be part of the process, not an after thought at the end. Thankfully, the importance is starting to become better understood and the importance of it prioritised.  In this article, Robin looks at a number of businesses who are putting accessibility high on their agenda around their Digital approach and speaks with the people at the forefront of that movement.



Sponsor

Articles, Links, and Tools from An Event Apart Online Together: Fall Summit


An Event Apart just wrapped up their Fall Summit conference, and it was a huge success! Attendees and speakers from around the world took in dozens of inspiring sessions full of deep insights into where we are now and where things are going next.
 
Explore the compendium of free resources from 20+ experts, and boost your skills with a Fall Summit On-Demand Pass.
Advertise your product, service, or job opportunity to 26,665 tuned in web designers and developers. Find out more.

Article

 

Bootstrap 5 Alpha 3

The third alpha release has landed with tons of updates to Bootstrap components, utilities, docs, forms, JavaScript, and more.
 

Standing on Our Own Two Feet - Let's Encrypt

I'm sure you, like me, are running Let's Encrypt SSL on your sites.  Let's Encrypt provides free SSL certificates and, I believe, did more to change our web to become more HTTPS focussed than any other single body. They are now changing their root certificate which will impact some devices. Most notably, this includes versions of Android prior to 7.1.1. That means those older versions of Android will no longer trust certificates issued by Let’s Encrypt (unless they're running Firefox).
 

How to Write Microcopy That Improves the User Experience

This gets missed out all too often during the wireframing and design phase of a lot of projects because the copy (sadly) often comes later in the process. Rather than have "lorem ipsum" plastered through out, or "branding message goes here" it's best to get those written and iterated on until you get the perfect bit of microcopy.



Tutorials


How to easily understand Flexbox CSS - (Part 1)

In this mini-series, Alan will be taking you through how to use flexbox CSS, in a simple, easy to understand way. You can really empower your projects and websites with the use of flexbox CSS and reduce your lines of code drastically.
 

How to Work With WordPress Block Patterns

Mind blown.    If you use Wordpress the chances are that you probably have been using the Gutenberg blocks. There are a number of block types that you can combine together to create some lovely layout style patterns, but getting people to replicate that same layout can be problematic.  This article shows how you can almost just cut and paste this stuff to create some nice block templates.
 

Understanding flex-grow, flex-shrink, and flex-basis

A bit of a deep dive into flex to understand how the child elements will act depending on the values you give them.
 

Quick hack: How to make the new CSS Overview feature of Chromium Devtools

This little trick from Chris is brilliant. He uses the Chrome browser tools to run a report, then opens a browser tool in the browser tool to copy the report markup to use on a page.  This is for the CSS Overview, but is there any reason why this wouldn't also work on Lighthouse reports?
 

The Raven Technique: One Step Closer to Container Queries

The raven method utilises CSS Math functions like calc(), min(), max() and clamp() to define is something is wide or narrow, and thus can help get us a step closer to container queries now (while the browser teams are working on it as we speak... or as you read in this case).
 

Web animation gotchas

Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of animating the web, and how to work around them.
 

How to Detect When a Sticky Element Gets Pinned

 

Tools

Operator Lookup

Enter a JavaScript operator to learn more about it:
 

 

Finally

 

a US visa in 937 days

While not a front end specific article, a lot of you are fortunate to travel internationally for work or to conferences as attendees or speakers. I’ve had my own issues with processing my passport in the US — every time I arrive since I travelled from Nicaragua to New York in 2007 I’ve been pulled aside for additional processing, but always allowed in — but nothing compared to this. I’m glad Daniel has finally been granted travel permission, just in time to not go.

That's all for this week. If you've come across any interesting/helpful articles or you've written something yourself please hit reply and let me know about them.

See you all next week!

Have a great weekend!

Cheers,

Justin.

Twitter
Facebook
Website
Copyright © 2020 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 #434

Friday, November 6, 2020

Read online Hey everyone and welcome to week #434 of the responsive design newsletter. I'm sure you, like me, are patiently waiting to see how the US election is going to pan out so I hope this

RWD Weekly #433

Friday, October 30, 2020

Read online Hey everyone and welcome to week #433 of the responsive design newsletter. Our feature site for this week is a nude web page with all it's code bits on show. The site itself is a

RWD Weekly #432

Friday, October 23, 2020

Read online Hey everyone and welcome to week 432 of the responsive design newsletter. This week I've been getting to the end of my workday and excitedly tuning into the Adobe Max conference. In the

RWD Weekly #431

Monday, October 19, 2020

Read online Hello and welcome to RWD weekly newsletter edition 431. This week I'm happy to see someone finally calling out on counting clicks as a default way to improve UX, we're looking at

RWD Weekly #430

Friday, October 9, 2020

Read online Hello and welcome to RWD weekly newsletter edition 430. This week we have two articles on how to break out into full bleed for images/video/codeblocks while still keeping your columns

You Might Also Like

Adobe AI, Remote, Stripe Sessions, Node.js Redesign, light-dark()

Thursday, March 28, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 28 2024 Defining experience quality in large language

Are Photorealistic Renderings Worth It?

Wednesday, March 27, 2024

Plus, the go-to garden stores of top designers and landscaping pros View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Home Decor, Lamp, Desk, Furniture,

CSS Variable Groups, Layout Rhythm, Animate Borders, Parallel Lives, Visualization Techniques

Wednesday, March 27, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 27 2024 Proposal: CSS Variable Groups lea.verou.me CSS

The History of Ikat

Tuesday, March 26, 2024

Plus, Kips Bay Decorator Show House New York announces designer lineup View in your browser | Update your preferences Architectural Digest AD PRO Logo Image may contain: Art, and Painting SAVE YOUR

#449: UX Research

Tuesday, March 26, 2024

UX research impact, research invite emails, research without access to users, and UX research methods cheat sheet. Issue #449 • Mar 26, 2024 • View in the browser Smashing Newsletter Joh-eun jeonyeog-

Progress Indicator, Lissajous Curves, Pixel to Ink, Azulejo, Mac at 40

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 26 2024 Front-End solution: progress indicator piccalil.

Responsive Font Size, Icon Design, text-emphasis, Inclusive Sans, Accessible Forms

Tuesday, March 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar March 25 2024 A formula for responsive font-size jameshfisher.

👏 Impressive Dashboard Design Files + 🏆 Challenge Updates

Tuesday, March 26, 2024

🌟 Brighten Your Day with UpLabs' Design News! Firstly, let's congratulate Syndell, the winner of our latest 📝 Todoist Dashboard Redesign Challenge! Congratulations!! Secondly, don't forget

16 Designers Reveal Their All-Time Favorite IKEA Products

Monday, March 25, 2024

Plus, gardens every design lover must see in person View in your browser | Update your preferences Architectural Digest AD PRO Logo lush gardens with sparkling blue water and trees 14 GARDENS EVERY

Accessibility Weekly #389: On Popover Accessibility

Monday, March 25, 2024

March 25, 2024 • Issue #389 View this issue online or browse the full issue archive. Featured: On popover accessibility: What the browser does and doesn't do "One of the premises of the new