In this week’s web design and development resources roundup, you’ll learn how to avoid UX burnout, find out about the publication of the Section 508 Refresh, discover why the grid won’t solve all your layout issues, 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 projects!
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
Tweet of the Week
— Charles & Ray Eames (@EamesOffice) January 16, 2017
- If you were a fan of Readability, you’ll enjoy learning about the design of the new Mercury Reader, which provides a clean reading experience for web articles. Available as a Google Chrome plugin.
- User experience stories communicate designs by keeping the user at the center of the conversation.
Tell your story to a 16-year-old, then a 60-year-old; do they both understand the characters and plot?
- After working on a long, involved project, it’s natural to feel overwhelmed and exhausted. Here are six research-based backed methods to avoid UX burnout in your work.
- We create silos when we think of customer experience and user experience as separate, says Gerry McGovern in his post, how price affects user experience. There’s only one set of experiences.
- Time for celebration! The big news this week was the publication of the Section 508 Refresh in the U.S. Federal Register. I wrote about the publication of the final rule; here are a few more posts about the final rule publication from other accessibility advocates and organizations.
- Creating a design with color blindness in mind means you’ll make your design accessible to more people. Don’t use color-based instructions, like telling a user press the pink button . Instead, include icons, textures, and in-context labels, says Kayla Haffernan.
- When Simply Accessible’s Elle Waters leads a workshop on accessibility, one of the first things she does is ask participants:
When trying to build an accessibility program, what’s your biggest worry about being successful?
Find out why she compares building an accessibility program to going on a bear hunt.
- The World Wide Web Consortium (W3C) Web Content Accessibility Guidelines (WCAG) Working Group is looking for stakeholders to help with the new version of setting accessibility guidelines. If you’re a designer, developer, policy maker, or accessibility professional, sign up online (Google form).
- You’ll find a dozen new shortcodes and widgets in this week’s release of Jetpack 4.5, but one of the most talked about features is how Jetpack 4.5 expands monetization with WordAds integration. You’ll need to the Jetpack Premium paid plan (or higher priced plan) to take advantage of WordAds.
- WP Sessions returns today with an online webinar with Kyle Maurer sharing tips and resources for mastering WordPress troubleshooting. I’m attending, want to join me?
- Have you set your New Year resolutions? Jack Lenox, who works at Automattic on the WordPress VIP team, shares his WordPress developer resolutions for 2017. Tips 4 and 8 are my favorites: stop trusting everything and be curious.
- If you noticed issues uploading non-image files to WordPress after upgrading to WordPress 4.7.1, you’re not alone. There are some workarounds people have discovered, including installing the Disable Real MIME Check plugin.
CSS and HTML
- Wondering what CSS framework to use? This quiz from Creative Bloq will help you narrow down your choices.
- I can’t speak for others, but I love the idea of creating slides from HTML and CSS, without the need for a proprietary application like PowerPoint or Google Slides. And that’s why I was so excited to read about Webslides, a way to build presentations that run in your browser.
- In CSS Grid: One layout method not the only layout method, Rachel Andrew reminds us that grid isn’t the answer for all our layout issues, it’s one of several methods.
- Want CSS vertical text in Microsoft Edge? Vote for Microsoft to support text-orientation in CSS Writing Modes Level 3.
What I Found Interesting
- Part 3 in the Polarr Photo Editor series on photographer tools takes an in-depth look at the the color histogram, what it is, how to make use of it, and how to interpret exposure quality.
- We just had the hottest year on record. Again. 2016 set a global temperature record, part of a warming trend that dates back to the end of the 19th century.
- Who knew the phrase “under your thumb” was derived from falconry? Not me. And was I surprised to learn Irish falconry changed language, due to amateur falconer William Shakespeare.
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.