In this week’s web design and development news roundup, you’ll learn which user experience research method to use and when, find a helpful guide for the new Gutenberg editor in WordPress, discover steps you can take to stay current with CSS, 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
Sound familiar to you?
I am professionally programming for over 15 years. I google everything. I sometimes google things and end up reading my own article and end up copy/pasting an entire block of code or commands.
This is why I write.
— JBD (@rakyll) August 3, 2018
- In her interview with Adobe, Rebekah Baggs discusses how she as a content strategist and Chris Corak as an SEO specialist combine their skills to bridge the gap between content, UX, and technical SEO.
- Great navigation doesn’t make people think.
If someone’s looking at your navigation a lot, you have a problem. Navigation should be invisible. The less time people spend on it, the better. Great navigation works at a glance. @gerrymcgovern#ux #usability #design #IA #navigation #aeadc
— zeldman (@zeldman) August 1, 2018
- A free coworking day, privacy talk for startups, and a celebration of multicultural designers and organizations are a few of the events you’ll discover in my August 2018 user experience and web professionals calendar. I’ll be attending several events, see you there?
- How do you know which user experience research method to use and when? If your goal is to compare designs or compute cost savings, you’ll use quantitative methods (like card sorting, tree sorting). Kara Pernice from the Nielsen Norman Group has other helpful advice in her five-minute video.
- When I was at WordCamp Denver 2018 last week, I chatted with several attendees about web accessibility. They thanked me and asked if I could summarize all my recommendations. Here they are – 10 ways to improve accessibility on websites and social media.
- Shoutout to James Williamson for sharing Disability Tek, a website that allows people to access and share their technology setups that improve the productivity of people with disabilities.
- What is assistive technology?
I’m on a train station where a lady is on a FaceTime call using sign language. Assistive technology is not always what you think it. #a11y
— Peter van Grieken (@petervangrieken) August 2, 2018
- Dave Rupert applied the design concepts of the classic nutrition label to create A11Y nutrition cards, helpful resources for better understanding how you can create accessible components
- The release of WordPress 4.9.8 brings the long awaited “Try Gutenberg” announcement about the new editor in testing, along with multiple bug fixes and new updates to Privacy (adding to the features included in the 4.9.6 release).
- If you’re ready for the Gutenberg editor (my recommendation is to try it out on your staging and testing site, not a live site), my friend Claire Brotherton has a helpful guide explaining the ins and outs of the editor.
- But if you’re not ready for the Gutenberg editor and don’t want that nag notification in WordPress 4.9.8 displaying on your site? My friend Birgit Pauli-Haack gathered 12 methods to avoid Gutenberg on your website.
- And if you want to get hands-on with Gutenberg, but don’t have staging or testing site, check out the interactive demo on the official Gutenberg information site. No need to log in.
- Did you know WordPress.com has a free stock photo library? This week they announced they are working to diversify the photo library and could use your help.
- Darren Rowse covers all the details about uploading, resizing, optimizing images, and more in Everything You Need to Know About Inserting and Editing Images in WordPress.
CSS and HTML
- In her latest Layout Land video, Jen Simmons discusses the challenges of keeping up with the latest changes in CSS and offers suggestions.
- Publishing a CSS tutorial?
Hey YOU, yes YOU the person who writes that cool CSS tutorial, but puts it in Sass, Babel, Haml, or whatever….please STOP doing that. Not everyone uses your fancy framework & it makes understanding your cool tutorial difficult. It’s distracting from what you’re trying to teach.
— Amber Weinberg (@amberweinberg) August 1, 2018
- For the first post of her Flexbox series, Rachel Andrew takes a closer look at what happens when you create a Flexbox flex container.
- CSS exclusions is a block-level element where online content can wrap around the element without using floats. But with Safari, Chrome, and Firefox having CSS Shapes and no Exclusions, while Microsoft has CSS Exclusions and no Shapes, what’s a developer to do? asks H.J. Chen in her CSS exclusions with Queen Bey post.
And if you’re thinking, why on earth are we in such an awkward position with regards to Shapes and Exclusions? Trust me, I get it.
What I Found Interesting
- Find out whether to spell out percent or use the % symbol in the best AP style cheat sheet, available online and as a downloadable file. Great resource!
- Check it out! Email Studio is an open-source Gmail add-on allows you to do mail merge, email scheduler, copier and more directly in your Gmail mailbox.
- When was the last time your doctor asked you about money? Not mine.
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.