In this week’s web design and development news roundup, you’ll learn how to design content to create better user experiences, find the results of an accessibility evaluation of the top 1,000,000 websites, discover how to size grid content using keywords, 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
The most important skill to have as a programmer is the ability to teach yourself new things effectively and efficiently.
You're going to be constantly growing and picking up new technologies. The ability to do that is more important than any individual tool or technology.
— Ali Spittel 💁 (@ASpittel) February 28, 2019
- Content helps shape your design, Surya Ravindran Pillai explains as she discusses why designers and product owners need to follow a content-first approach for better user experiences.
- While often taken for granted, footers are an opportunity to create a good impression and improve user experience. Create consistent and useful footers for your web pages with these helpful tips on design, information architecture, and navigation from Therese Fessenden.
- Another example of a dark pattern:
putting the unsubscribe link at the bottom, I'll allow. putting it at the bottom but in a tiny/hard to see type is ridiculous. putting it at the bottom of an email so long people give up scrolling before they get to it is just absurd. *you are making your own data lie to you*
— Cyd Harrell (@cydharrell) February 28, 2019
- The Confab 2019 content strategy conference returns April 23-26, 2019 in Minneapolis, Minnesota. If you’re involved with creating content for your organization or your clients, this conference is for you!
- There were so many game accessibility advances that it took Ian Hamilton a couple of months to gather this thoughts.
It is becoming less and less common with each passing day to find either developers or gamers who haven’t at least heard of and understand the importance of accessibility.
- If you missed this month’s A11yTalks online meetup, I’ve got you covered with my Inclusive Content Strategy recap of AmyJune Hineline’s presentation on how to create content that is accessible to everyone.
- Web accessibility problem are widespread in schools, says Royce Kimmons and Jared Smith, in their nationwide study of U.S. K-12 schools. I wasn’t surprised to learn the most pervasive issue across websites: poor color contrast.
- Did you know you can add your own custom HEX color to your Twitter profile page to make it more accessible? And you’ll want to do it, because only one of Twitter’s default themes passes color contrast checks. Lindsey Kopacz highlights 7 ways you can make your tweets more accessible (And gives me a shoutout in her post!)
- Automatic captions on video players can be problematic, due to missing and incorrect words as well as poor or complete lack of punctuation. Personally, I think they are good start for video creators who want captions on their videos, with the caveat that the creators will correct the captioning mistakes before publishing.
- Using their WAVE website accessibility tool, WebAIM evaluated the top 1,000,000 websites in February 2019. The results: there is a lot of room for improvement. Web pages had 59.6 errors per page, 97 percent of pages had detectable Web Content Accessibility Guidelines 2.0 failures, and low contrast text was the most common accessibility issue.
- One feature you’ll notice immediately in the new Twenty Nineteen theme: no sidebar. David Gwyer takes a closer look at the Twenty Nineteen theme, a minimalist theme released with WordPress 5.0, delving into some of the developer customizations.
- One of my favorite WordPress resources, WP101 WordPress video tutorials, is highlighted this week in Hosting Advice.
We rewrote the entire series from scratch, adding 14 new videos just to cover the out-of-the-box experience using the block editor.
- In this tutorial from WP Beginner, you’ll learn all the different methods to add captions to images in WordPress. Good explanation, though I wish they discussed why the caption should be different from the alternative text for an image.
- Sad news to share. Alex Mills, who announced earlier this month his leukemia had returned, has died this week. Mills was well-known in the WordPress community for his development work, especially his Regenerate Thumbnails plugin. He will be missed.
CSS and HTML
- In his CSS Tricks tutorial, Juan Martin Garcia walks you through the steps to create responsive web layouts using CSS grid without using media queries.
- Chrome is going to get a big speed boost, at least for web pages you’ve recently visited, on both desktop and mobile.
- Don’t waste bandwidth and decrease site performance, properly size your images. Serve images at the size they’re actually rendered at.
- Did you know you can use
autoto size grid tracks based on their content?
What I Found Interesting
- Can you identify the birds in this quiz based on John James Audubon descriptions from the original text of his Birds of America? (I didn’t do very well, less than 50 percent.)
- Yes, I agree wholeheartedly! Write on your own website. You own it, it’s yours!
Writing on your own website associates your thoughts and ideas with you as a person. Having a distinct website design helps strengthen that association.
- I’m always looking for ways to improve my productivity with Gmail. Do you use any of these Chrome extensions for making Gmail better?
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.