In this week’s web design and development news roundup, you’ll learn how to start prototyping for voice, learn about the new Site Health Check feature in WordPress, discover how to create triangular breadcrumb ribbons, 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
One way to tell when a design has failed is when you have to add notices telling people how to use it. Push the start button to start. Click here to adjust whatever.
— Paul Graham (@paulg) May 2, 2019
- Where do you start prototyping for voice? And what process should you follow? In his Smashing Magazine post, Nick Babich shares a workflow for creating voice-based experience. Contrary to what you may have heard:
Many designers think that designing voice-based experiences is completely different from graphical user interfaces. That’s not true.
- User stories allow everyone to get involved, from team members to users. The simple “As a” role, “I want” action, “So that” added value structure allows everyone to stay focused on user-centered design.
- Find out what user experience and web professional events are happening in southeast Michigan with my May 2019 calendar of events.
- Carousels on the home page. Personally, I don’t recommend them. And the recent Baymard Institute benchmark study shows less than half of sites with a homepage carousel have an
…implementation that’s largely free from usability issues.But if you need one, follow these nine implementation details for homepage carousels.
- Conducting usability testing with minors? You’ll need to take a number of considerations in your planning; use these 16 tips from the Nielsen Norman Group for an effective study.
- For everyone who works on creating accessible PDFs, check out the recently updated WebAIM’s PDF accessibility article. You’ll find useful info about Acrobat, document conversion, and accessible forms in Acrobat.
- Time flies!
Happy 20th Birthday #WCAG. May 5, 1999 WCAG 1.0 hit the world. Thank's to all colleagues who have worked hard over the years. We're now working on WCAG 2.2.
— David MacDonald (@davidmacd) May 2, 2019
- Have you noticed the same trend? Everyone is watching TV with closed captioning on these days. Whether it’s due to strong accents in dialog, fast talking, or retaining info better while reading, closed captioning is popular. Accessibility features benefit everyone.
- My notes from Making the World a Better Place Through Web Design presentation by Natalie MacLees at WordCamp Orange County 2019 provides steps you can take to move forward with inclusive design.
- Doing basic accessibility testing on your Mac? And wondering why it’s not working the way you expect? No, tabbing isn’t broken on Mac OS, says Scott O’Hara. But you’ll need to know about a few things.
- The second release candidate for WordPress 5.2 is now available for download and testing. Can you help test? Currently, WordPress 5.2 is scheduled for release on May 7, 2019.
- The results of the Gutenberg Accessibility Audit from WPCampus have been released. Conducted by Tenon, LLC, the audit report is a whopping 300+ pages long. Don’t worry, the 34-page Executive Summary (PDF) provides an overview, with graphs and tables. My thoughts on the audit? I was not surprised with the findings.
- Useful! If you’ve ever wanted to learn how to quickly create a wiki-style website with WordPress, Brenda Barron has you covered.
- In how to create a staging environment for WordPress, the staff at WPBeginner highlights five different options, including three methods on hosting sites as well as how to set up a staging site manually or with a plugin.
- The Site Health Check feature in the upcoming WordPress 5.2 release is one of the most highly anticipated enhancements to WordPress core. The new feature will be available via the Tools menu, and highlights options that users can take to self-service their site.
CSS and HTML
- Everything is a box. Rachel Andrew takes a closer look at the CSS values that control box generation in her second post in the Display Property series.
- Impressive work by Jakob E. The 46 flex layouts using one markup brings back memories of CSS Zen Garden.
- Fascinating history of how text is laid out. And how computers and the web changed things.
The history of web design can be seen as a set of tensions between designers wanting things to be positioned with utmost precision, and the web pushing back on some of that control.
- Which methods have you used to make triangular breadcrumb ribbons? Traditionally, I’ve created triangles using borders with pseudo-elements. But now I have more to explore!
What I Found Interesting
- It’s back! Global Big Day kicks off worldwide on Saturday, May 4, 2019. Birdwatchers around the world will be recording what birds they see in their backyard, communities, and beyond. It’s the biggest birding day of the year. Join me?
- While focused on the education field, the digital tools in the Ethical EdTech wiki are useful for everyone who wants to use tools that focus on user freedom, privacy, and control. You’ll find some of my favorites, including DuckDuckGo search engine and Markdown text editing.
- If you use Google, you’ll be interested to know about their recent privacy and security improvements to manage your data: auto-delete controls for your Location History and activity data.
- And if you use Google Home, here’s how you can prevent Google from saving your voice recordings.
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.