In this week’s web design and development news roundup, you’ll learn how the false Hawaiian missile alert was caused by poor design, find out whether WordPress Gutenberg will replace page builders, discover a free online CSS Grid course, 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
“Building spaces that deepen relationships (wa), generate new knowledge (ba), connect to the world around us (tokoro), and allow moments of quiet and integration (ma) can enrich our experience of the world and that of those around us” ❤️ #wellbeing #design
— Pamela Pavliscak (@paminthelab) January 18, 2018
- What the Erroneous Hawaiian Missile Alert Can Teach Us About Error Prevention: The user experience community couldn’t stop talking about this week’s false Hawaiian missile alert. Kim Flaherty from Nielsen Norman Group explains how a better design could have prevented the error.
- The Hawaii Missile Alert Culprit: Poorly Chosen File Names: Jared Spool also points out the issues with the design, highlighting the need for testing our designs.
We don’t do enough work to stress test our own designs.
- What Healthcare.gov has to do with the Hawaii false alarm — and what to do about it: And last, but not least, Erie Meyer compares the Hawaiian missile alert with her experience and lessons learned from the initial United States healthcare.gov website, and offers recommendations on what people working on the problem can do now.
- And finally, what about the choice of a dropdown?
A dropdown is a perfectly valid design choice when you have limited space & multiple options that won’t panic an entire populace.
— Kim Goodwin (@kimgoodwin) January 15, 2018
- Women in UX: Meet Henny Swan, Advocate for UX Inclusivity: Henny Swan is well-known for her work in creating a more inclusive web at the BBC, The Royal National Institute of Blind People, and now The Paciello Group. In her Adobe interview, she discusses five ways designers can make their designs more inclusive.
- Useful Accessibility Tools: Thanks to Graham Armfield for sharing his slides from his presentation at Manchester WordPress User Group. You’ll find hardware tools, browser extensions, and WordPress plugins to help improve and check web accessibility.
- Five Ways in Which Artificial Intelligence Changes the Face of Web Accessibility: Personally, as someone who managed translations for software applications for years, I’m excited about the artificial intelligence advances with real-time translation.
- Landmarks Extension: Thanks to Matthew Atkinson for releasing a new version of his browser extension, which allows you to navigate a web page (keyboard of pop-up menu) via Accessible Rich Internet Application (ARIA) landmarks. Avialable for Chrome, Firefox, and Opera.
- Promote Equality by Building Accessible Content in Salesforce: I like how Philippe Ozil used inaccessible form code example, explained how to fix it, check it in screen reader, test it with aXe and keyboard.
- WordPress 4.9.2 Patches XSS Vulnerability: Released earlier this week, the WordPress 4.9.2 version fixes a cross-site scripting vulnerability as well as 21 other bugs. If you’ve enabled autoupdate, your site would have been automatically updated to 4.9.2.
- Will Gutenberg Kill WordPress Page Builders? Not So Fast…: Whether Gutenberg will replace page builders like Beaver Builder and Elementor has been a hotly discussed topic the past few months. Colin Newcomer shares his thoughts on why it’s not a replacement. Yet.
But in its current iteration, Gutenberg just isn’t even close to a 1:1 replacement for a WordPress page builder.
- Shopify vs WooCommerce – Which is the Better Platform? (Comparison): Wondering whether to use Shopify or WooCommerce? Check out this in-depth comparison guide from WPBeginner, which compares costs, ease of use, add-ons, scalability, and more.
- Matt Mullenweg’s Q&A About Gutenberg at WordPress Orlando: Matt Mullenweg, founder and CEO of Automattic, stopped in at the Orlando WordPress meetup this week to chat about Gutenberg, how agencies can prepare, what to expect. Eye opening to read his comment that accessibility features are added into WordPress core after iterations, rather than at the beginning.
CSS and HTML
- How Big Is That Box? Understanding Sizing In CSS Layout: Long article, but worthwhile to learn how sizing works in CSS Grid and how it can reduce the number of media queries you use in your design.
- The Title Attribute: What are the valid reasons for using the
titleattribute? asks Arnold Goodway. Note: there aren’t many.
- Meet the New Dialog Element: Keith Grant steps you through the basics of the new
dialogelement, showing you basic setup, browser support and polyfills, styling, and how you can better control it. Check out his demo.
- CSS Grid: Learn CSS in this free 25-video (about four hours) online course from Wes Bos.
- The building for just one browser thing: Like Internet Explorer in the mid-2000’s, many companies are releasing websites and apps that work in only one browser. Robert Nyman explains why that’s not a good idea.
What I Found Interesting
- Combine Your Mobile Screenshots Into a Seamless Single Photo: This handy free app for iOS and Android lets you combine all your screenshots in one photo that you can share or upload to a private URL.
- Make Your Coding Easier, Use DuckDuckGo Cheat Sheets: Thanks to a Kezz Bracey’s TutsPlus post this week, I discovered DuckDuckGo is more than a great search engine.
- Write Web Design Proposals That Will Get You The Job: Good tips on writing web design proposals for your clients, addressing the three main concerns of your client. It’s not mentioned in the article, but I’ve found Bidsketch makes it easy to create your proposals.
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.