October 9, 2020: My Weekly Roundup of Web Design and Development News

In this week’s web design and development news roundup, you’ll learn about recruiting backup participants for user research, find tips for accessible virtual meetings, discover a helpful intro to CSS variables, and more.

If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience, accessibility, WordPress, CSS, and HTML posts I’ve read in the past week.

Hope you find the resources helpful in your work or projects!

Want more resources like these on a daily basis? Follow me @redcrew on Twitter.

Tweet of the Week

User Experience

  • The COVID-19 pandemic has prompted one company to release a new app for ‘touchless’ touchscreens for hygienic interface which allows users to interact with touchscreens in mid-air.
  • For your one-on-one studies, be sure to budget and recruit backup participants for user research to account for last-minute cancellations and no-shows.
  • When you don’t display filters on product lists, how will users know their choices have been applied? Learn the importance of displaying applied filters to product lists (32 percent of sites don’t) as well as three desktop solutions and two mobile solutions for implementing them.
  • The first three questions of the tweet are a good reminder for every user researcher looking for participants.
  • In a recent study, Measuring U benchmarked the user experience for vacation rental websites to learn about their services and what improvements could be made. Not surprised to learn there was high mobile usage nor that misleading fees were a top issue reported by the respondents.

Accessibility

WordPress

CSS and HTML

  • Shoutout to Ahmad Shadeed for his deep dive into CSS variables (also known as custom properties), with helpful examples and use cases.
  • Impressive work by Twitter user abxlfazl1. (I normally credit with the person’s name, but their Twitter and CodePen biography has no name.)

    See the Pen
    Turkey 🦃
    by abxlfazl khxrshidi (@abxlfazl)
    on CodePen.

  • Want people to read your privacy policy and terms of use website pages? Avoid making ugly disclosure pages and craft ones that are easier to read, says Suzanne Scacca. Top tips: format the pages with the same colors, fonts, headings, and headings as the rest of your site. And add navigation specific to the pages.
  • Ever been frustrated trying to design a layout with images that fill the width of the page while providing a readable experience for text? I think you’ll enjoy Kilian Valkhof’s article on creating a full bleed layout using simple CSS with CSS grid.

What I Found Interesting

If you like what you’ve read today, share the post with your colleagues and friends.

Want to make sure you don’t miss out on updates? Subscribe to get notified when new posts are published.

Did I miss some resources you found this week? I’d love to see them! Post them in the comments below.

Photo of author

About the Author

Deborah Edwards-Oñoro enjoys birding, gardening, taking photos, reading, and watching tennis. She's retired from a 25+ year career in web design, usability, and accessibility.