In this week’s web design and development resources roundup, you’ll learn about an ironic user experience glossary, find out what to look for when you choose a search engine optimization plugin, discover how Google Doodles are created, and more.
If you’re new to my blog, each Friday I publish a post with some of my favorite resources I’ve read in the past week about user experience, accessibility, WordPress, CSS, and HTML.
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
Good code is good.
Good marketing is great.
Good UX design is a necessity.
— Brian Krogsgard (@Krogsgard) June 9, 2016
- You May Not Care About UX, But Do You Care About Human Suffering?: Instead of focusing on what you can gain with good user experience, consider what is lost when you don’t focus on it. We need to be more more socially responsible.
The ultimate consequences of good and bad UX stretch far beyond the business realm—which is (ironically) why UX can have such a dramatic effect on business metrics.
- UX Battle of the Week: Hotels.com vs Booking.com: In the competitive benchmark study conducted by UserZoom, 60 users were asked to use their own devices to test navigation, core tasks, and share their overall user experience. It was a close battle. Who do you think won?
- Making Content Strategy Practical: Content strategy provides understanding for you as the designer, stakeholders, decision-makers, and users, says Michael Metts, senior UX designer at The Nerdery. But sometimes content strategy tools and techniques aren’t very practical.
- The Misbegotten UX Glossary: It’s offbeat, funny, and will get you nodding your head as you read through the first ironic UX glossary.
- Research with blind users on mobile devices: When the Government Digital Service conducted research into how users who are blind use mobile devices, specifically touch devices, they discovered new usage patterns as well as design challenges.
- When writing alt text, ask yourself this question: When you write alternative text, the text that describes images, ensure you write alternative text that is useful, says Jessica Ivins.
- It would certainly help to raise the importance of accessibility in web projects.
There should be a conference rule that says no conference shall be held without at least one talk on accessibility. ☝🏻
— Sara Soueidan 🐦 (@SaraSoueidan) June 9, 2016
- Movement Might Be 10 Years Old; But 10 Years Behind With Accessibility: Melissa DiVietri loves attending our Detroit-based Movement Festival (weekend of music events held over Memorial Day), but found their accessibility accommodations lacking. In her post, DiVietri commented Movement is the only festival she’s ever attended that didn’t have Americans with Disabilities Act (ADA) accommodations.
- Scheduled Post Shortcut for WordPress: For people like me, who schedule posts for future dates, having a shortcut in the Posts menu to manage them is a great time-saver.
- Child Theme Check Plugin Helps WordPress Users Navigate Parent Theme Updates: Wondering what changes in a WordPress parent theme might impact your child theme? The Child Theme Check plugin will help you quickly review parent theme changes after an update.
- New WordPress Plugin: Term Debt Consolidator: If you’ve been publishing for a while, you’ve added lots of tags to your site. And some might be the singular or plural version of the same tag. The Term Debt Consolidator plugin will group the similar tags together, and offer you option to choose a singular term. Can’t wait to try this on my site!
- Yoast SEO vs. All-in-One SEO Pack: What’s the Difference (And Which One is For You): Not sure which plugin to use to improve your search engine optimization? Check out Torque’s in-depth look at Yoast SEO and All-in-One SEO, with a focus on strengths and features for each plugin.
CSS and HTML
- 10 reasons you should be using Atomic Design: If you’ve been working in front-end development, you’ve likely heard of Brad Frost’s Atomic Design methodology. Richard Bray shares 10 reasons why adopting atomic design can benefit your web projects.
- Do you really need that form field?
— Experience Design (@xdpractice) June 6, 2016
- Getting Started with Flexbox with Practical Examples: Making the transition for the CSS box model and floats to flexbox is a lot easier with these code examples for responsive navigation, thumbnails, forms, and sticky footer.
- Computer says NO to HTML5 document outline: Since the HTML5 document outline is not implemented, the HTML 5.1 specification now requires developers to use h1-h6 to convey document structure. This makes sense, since Steve Faulkner points out no search engine makes use of the document outline. Assistive technology can’t make use of it since it’s not exposed via browser accessibility APIs.
What I Found Interesting
- Alternative Search Engines for Designers and Developers: With its motto, “We don’t track you,” I’ve been a fan of the DuckDuckGo search engine for a while. It’s the first time I’ve heard of the two search engines, StartPage and Ecosia, which I plan to explore further this month.
- How cool! Find out how Google Doodles are made, with this video from Nat and Lo, who take a closer look at the behind-the-scenes work at Google.
- Android Instant Apps, Progressive Web Apps and the Future of the Web: Is the web threatened? Are we spending too much time worrying about native?
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.