In this week’s web design and development news roundup, you’ll learn about the relationship between information architecture and content strategy, find pragmatic rules for web accessibility, discover how and why you would use negative grid lines in CSS Grid, 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
We've solved a lot of the easy problems in UX. Now, we have the hard problems left. Everyone of us has to think of the UI not just as a digital experience. We have to think about the context around it, changes, security issues, people's daily lives, etc. @danachis #MWUX18
— Naa Marteki Reed (@marteki) October 13, 2018
- It’s common to hear the terms UI (user interface) and UX used interchangeably, or incorrectly. Learn the difference between UX and UI and what UX/UI experts have to say about the difference.
- In this week’s Content Strategy Podcast, Kristina Halverson talks with Abby Covert about the relationship between information architecture and content strategy as well as Etsy’s information architecture, where Covert works.
- Delight isn’t decoration.
If you think of delight in a design as purely decoration, you’re not considering how users actually feel about a well-designed product or service.
— Jared Spool (@jmspool) October 17, 2018
- Login page designs should be easy to understand and require no thought from the user. Here are nine login pages to inspire your next design.
- To fully understand web accessibility, sometimes it takes having to experience it yourself. And learning pragmatic rules of web accessibility that can break down barriers to access.
Finally, it came to me: Implementing a11y means contributing to a more inclusive world!
Great list of resources.
- When is it the responsibility of people with disabilities to fix our inaccessible content? Never, says Anne Gibson, in her post to whom does the burden fall, her response to a question from her EdUI Conference presentation.
- It took three requests, but the third time was the charm when I asked Adobe about adding transcripts to their new Wireframes design podcast.
- In a settlement agreement announced this week, Hulu will make its website and streaming service accessible to screen readers. In addition, Hulu will provide audio descriptions, where possible.
- Caught me by surprise. After years of using WordPress, Justin Tadlock is switching from WordPress to a custom CSS for his personal blog. Find out why. (It’s not the reason you think it is.)
- A very informal look at Gutenberg accessibility clearly reveals the accessibility issues users will have with the current version of Gutenberg.
- As a follow up to the many posts about Gutenberg accessibility, Joe Dolson’s post clarifies Gutenberg misunderstandings as well as explains the four reasons why the WordPress accessibility team is upset.
I care deeply about the accessibility of WordPress for both users and authors.
- If you missed our West Metro Detroit WordPress meetup this week, check out the meetup recap highlighting our Show and Tell websites as well as website design tips and advice.
CSS and HTML
- Have you seen the CSS layout cookbook, which offers recipes for common layout patterns? As of October 19, 2018, there are seven recipes in the cookbook. Everyone is invited to submit their own recipe.
- Be forewarned, the colors, blinking objects, and styling will make you cringe. Adidas created a microsite using 1990’s and 2000’s web design practices. Check out the flying toaster type wallpaper, except made with shoes.
- As Chris Coyier learned, HTML for zip codes is tricky. Especially when countries use so many formats. Check the comments for good discussion and other solutions.
- Did you know you can use negative grid lines in CSS Grid? They allow you to place grid items relative to the end of the grid, useful if you have a large grid.
What I Found Interesting
- Adobe has consolidated all Typekit plans into Adobe Fonts, giving users all their fonts as part of Adobe’s Creative Cloud plans. Check out their FAQs for explanation of the changes.
- Microsoft Store releases top cybersecurity tips for small business owners, including this short video.
- This looks useful! Anyone tried the Inbox When Ready Chrome extension, which hides your inbox while you you’re doing email?
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.