In this week’s web design and development resources roundup, you’ll learn about the four stages of developing a winning content strategy, get tips on running accessibility testing, discover how to create friendlier, custom form styles, and more.
If you’re new to my blog, each Friday I publish a post with some of my favorite user experience, accessibility, WordPress, CSS, and HTML resources 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
Gratitude is making the power of knowing what you have, overpower the thinking of what you don’t.
— John Maeda (@johnmaeda) August 6, 2016
- Visual Indicators to Differentiate Items in a List: Help your users quickly find items in a list by providing visual indicators that differ in both color and icon.
- The 4 Stages to Developing a Winning Content Strategy: Want your organization to succeed? You’ll need an effective content strategy, says Morten Rand-Hendriksen. Check out his four major steps for developing clear communication.
Guides for voice, tone and style help ensure everything produced is consistent and “on message”.
- An engineer’s tips for writing in plain English: Giles Turnball, member of the Government Digital Service (GDS) team in the United Kingdom, shares tips on how to make written communication easier to understand.
…know your audience, try to understand what things they don’t understand, keep it simple—it’s all common sense.
— Anthony D Paul (@anthonydpaul) August 6, 2016
- New Accessibility Documentation for the Windows 10 Anniversary Update Now Available: You’ll find new accessibility features in the Windows 10 Anniversary Update, including a Get started with Narrator support site, a new accessibility developer hub, and different keyboard shortcuts in Windows.
- On Customer Service & Video Accessibility: Last week, when I asked InVision about captioning their blog videos, their customer support replied quickly, telling me their marketing group would look into it. Less than 24 hours later, I was delighted to discover InVision had added captions to their videos!
- How to run accessibility testing demos: Sixth post in the accessibility series from Shopify’s UX team focuses on lessons learned while conducting accessibility testing in Montreal, Ottawa, and Toronto. Front end developer Arthur Gouveia offers recommendations for identifying test scope, recruiting testers, setting the length of time for the test, and more as he discusses their test sessions.
- Colors on npr.org: NPR reviewed the color contrast on their website and discovered there was room for improvement. First, they chose new colors to ensure better contrast. Then they used CSS Color Guard to review their existing colors. Their outcome? A website with improved color contrast and a reduction in the number of colors from 198 to 78. Congrats!
- WordPress 4.6 Release Candidate 2: The second WordPress 4.6 release candidate is out. Here’s your opportunity to test the version before the final version is shipped (planned for next week, August 16). Can you help?
- WordSesh: It’s back! WordSesh returns for the fourth year on August 20, 2016, with 24 hours of free livestreamed WordPress presentations from people all over the world. Did I mention it’s free?
- How to Fix Upside Down or Flipped Images in WordPress: Ever had an image you uploaded via your iPhone or other iOS device display upside down in WordPress? Here’s how to fix it.
- New Framework Helps WordPress Plugin Developers Create Persistently Dismissible Admin Notices: It’s so frustrating when an admin notice keeps popping up in the WordPress admin. I look forward to developers implementing this in their plugins and themes.
- WordCamp Cincinnati 2016–Call for Speakers, Sponsors and Volunteers: Thinking about attending WordCamp Cincinatti 2016 the weekend of October 15? They’ve put out their call for speakers, sponsors, and volunteers. If you’re considering speaking, get your submission in now. The deadline is August 14, 2016!
CSS and HTML
- CSS Inlining in Email: What It Is + How To Do It [Webinar Recording]: If you didn’t get a chance to attend Litmus’s webinar, here’s the recording, along with slides. What I loved about this post: Litmus included answers to all the questions they couldn’t respond to during the webinar. Nice!
- When you want to quickly test responsive layouts:
Need to test responsive layouts quickly?
`cmd + shift + m` will launch Chrome DevTools’ device toolbar. pic.twitter.com/kGX7U6NLtB
— CSS-Tricks (@css) August 10, 2016
What I Found Interesting
- How To Make an Inspiration Board with Pinterest, Coolors and Canva: When you’re launching a new product, service, or website, you want to gather inspiration of what you like. But you don’t need Adobe Illustrator, says Lexi Merritt as she explains how three free online tools can help you create your inspiration board.
- Improve Your Note-Taking with These 3 Tips: Taking notes is a lot easier with these three tips from Evernote. What’s key is to take notes on the important things, not on everything.
- Myth busted: Older workers are just as tech-savvy as younger ones, says new survey: Surprised? Results from the new Yale University survey conducted with over 3,500 participants shows that tech employees over 55 are less stressed about using technology in the workplace than younger employees.
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.