In this week’s web design and development news roundup, you’ll discover an overview of usability, learn how to create accessible content, find out what’s included in the latest Gutenberg release, 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
I'm exploring the language designers use to talk about their work. Example: iterate means the same thing as repeat, which is a simpler and more common word. But it's avoided. Why?
I wonder if it's contagion from programming culture, where iterate is used so often in algorithms.
— Scott Berkun (@berkun) June 27, 2019
- In the recap of the User Testing Scaling Human Insight webinar with the Starbucks UX team, Lara White discusses how the three-member team leverages fast feedback and how they manage and prioritize research requests.
- In her Grassroots & Guerrillas: The Beginnings of a UX Revolution presentation at the 23rd annual Institutional Web Management Workshop in Greenwich, England, Kat Husbands shared how they brought user-centered design to the University of Glasgow internal content and systems. Check out her presentation slides on Slideshare.
- Practically speaking, our designs need to be accessible, says Lexie Martin, UX specialist at the Nielsen Norman Group in her two-minute Inclusive Design is a Welcome Mat video.
- Usability: a part of the user experience is a lot to cover in one article. Mads Soegaard does a good job of discussing the main topics, including links throughout as well as a helpful list of resources to learn more.
- The World Wide Web Consortium (W3C) is asking for public comment on their updated draft “Inaccessibility of CAPTCHA.” Their CAPTCHA wide review announcement lists recent changes to the draft as well as questions to help you with your review.
- While I didn’t attend in person, I was able to watch the livestream of last week’s WordCamp Europe 2019 conference in Berlin. Check out my recap from Maja Benke’s Accessible Content presentation.
- Guess they have some work to do. Not one of the 2020 U.S. presidential candidates has a website that is accessible to the blind. If you want to reach people with disabilities, you need to create a website they can use.
- In addition to reaching people who are deaf or hard of hearing, and people who are learning your language, here’s another reason to add captions to your videos.
— Neil Milliken (@NeilMilliken) June 25, 2019
- Big news in the WordPress hosting community this week when WP Engine announced its purchase of Flywheel, a smaller hosting company known for its customer service and Local by Flywheel local development application.
- The standalone plugin version of the block editor, Gutenberg 6.0 was released this week. In addition to enhancements and bug fixes, the major feature in the release is an improved Columns block, providing multiple pre-defined column layouts.
I think it’s clear that this crisis is just beginning, and will certainly get worse before it’s better.
- If you’re annoyed with the “Powered by WordPress” that appears in the footer of your site, here’s how to remove Powered by WordPress.
CSS and HTML
- In the survey of over 10,000 developers, Sacha Grief analyzed the results and identified three predictions in the State of CSS 2019 survey. First prediction: there’s a lot of CSS that people don’t know about. Or haven’t used.
- Get the basics right. Learn HTML.
With all the fancy frameworks around, let's not forget to learn HTML deeply. Tags have semantic meaning which matters. <div onclick> is not a button. <a href="#"> is not a button. <i> is not an icon. And there's a whole lot more, particularly about tag relationships.
— Felix Arntz (@felixarntz) June 27, 2019
prefers-color-schememedia query allows you to test whether the user has requested a page be displayed in light or dark mode. In his Hello Darkness, My Old Friend post, Thomas Steiner explains dark mode, how to test it, and how you can support it for your users.
- Maybe it’s a missing semi-colon. Or a value typed incorrectly for a property. Whatever the reason, you can find out why your CSS isn’t working with Firefox’s DevTools. (As of June 2019, only available in Firefox Nightly.)
What I Found Interesting
- Did you know The Wayback Machine can now highlight changes in copy on websites? The new Changes feature allows you to compare two archives of the same URL with a side-by-side comparison. Changes are highlighted in blue for added content and yellow for deleted content.
- If you use the Google Search Console AMP test, rich results test or URL Inspection Tool, you can search within the markup to find code, copy it, and modify it.
- When it comes to enhancing your work space, comfort is the first thing to address, says Mike England. Finding the desk and chair combination that works best for you will go far in creating a more productive environment.
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.