In this week’s web design and development resources roundup, you’ll learn how information architecture and plain language made a federal website more usable, find out how to move your blog from WordPress.com to self-hosted WordPress, discover how to get started with VoiceOver and accessibility, 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
— Alicia Jarvis (@AJarvis728) February 23, 2017
- What books influenced your user experience career? That’s the question UX Matters asked UX experts. Find out what design books had the greatest influence on experts.
- Motion has become ingrained in our design process, says Adrian Zumbrunnen (currently at Google). But that doesn’t mean we shouldn’t take a step back and think about how we’re using motion in our designs.
The reason motion is both so powerful and dangerous is because it absorbs focus.
- Don’t make user experience a one-person battle. Get support from top-level company staff.
Good UX requires top down buy in. One person battles are ineffective.
— Patrick Neeman (@usabilitycounts) February 24, 2017
- Anne Dougherty discusses using information architecture and plain language to make federal websites more usable in her case study of migrating the U.S. Department of Health and Human Services (HHS) Fitness.gov website to a new content management system.
- What steps can you take to improve the accessibility of the content you write? My colleague Anne Haines shares useful tips for making your content accessible to everyone.
- The release of last month’s Chrome 56 version brought with it the new and improved ChromeVox Next screen reader. Great improvement, with easier commands and a new menu panel. Here’s one of the three short videos to get you started:
- Did you know that the Document Object Model contains an accessibility tree? That’s what Michael Schofield discovered as he shares what he learned about the accessibility tree.
When we use ARIA attributes, we are in part giving instructions to the browser about how to render that accessibility tree.
- Sue Lockwood walks you through the steps of getting started using VoiceOver on your Mac. She also shares tips for how to check accessibility in websites.
- You have multiple options for setting up an online store, as Nick Schaferhoff explains six ways you can create an ecommerce website in WordPress.
- Have you used the Post by Email feature in Jetpack to publish your posts? It was my favorite way to post when I used the now defunct Posterous for blogging. Learn 12 other ways you’re losing money when you don’t use Jetpack for WordPress.
- The new re-sharing feature in WordPress.com allows you to share previously published posts to your social networks (only available to Premium and Business users). And you can create a custom message for each social network.
- Thanks to WPExplorer for this useful step-by-step guide for moving your blog from WordPress.com to self-hosted WordPress. Worth bookmarking!
- Speed up your content creation and publishing by finding and adding stock photos without leaving WordPress. The free Instant Images plugin is one I plan to recommend to my clients. Have you used it?
CSS and HTML
- Do heading outlines need to be fixed? asks my friend Sarah Bourne, in her the myth of automated heading outlines post, a response and discussion about the recent proposal to create a new
Helement to indicate a heading for a
- The concept of variable fonts
…opens up tremendous opportunities for new kinds of responsive typography.
says Richard Ritter in getting started with variable fonts, an excerpt from his forthcoming book, Web Typography. Browser support is in the works, expected to arrive in early 2018.
- You’ve created your new website or web app, congrats! How are you going to let everyone know about it? Check! before you launch provides a great starting point for sharing the news.
- Andy Kirk discusses and offers element and container query code examples to help you create responsive CSS patterns without media queries. Interesting strategies.
What I Found Interesting
- With the news about Cloudflare’s bug, and little information about was leaked and who it was leaked to, Ryan Lackey (who formerly worked at Cloudflare) offers advice on how you can deal with it.
Some of this data was cached publicly in search engines such as Google, and is being removed. Other data might exist in other caches and services throughout the Internet…
- Need to add browser chrome to a mockup? Browserframe makes it easy. Create images with browser chrome for Firefox (Mac or Win10), Chrome (Mac or Win10), Edge, Safari, or IE. Here’s an image I created of the Google home page for Firefox on Windows 10.
- Firefox is testing a new feature that lets you snooze tabs. You schedule the time for the tab to redisplay. Currently available using the Test Pilot Extension.
That’s a wrap for this week. 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.