In this week’s roundup, you’ll learn how to design better micro-content, find out how to make conference videos more accessible on Vimeo, discover how to make the web better, and more.
If you’re new to my blog, each Friday I publish a post with some of my favorite resources I’ve read in the past week about user experience, accessibility, WordPress, CSS, and HTML.
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
One of the greatest legacies we leave behind is how much we have helped others grow in their careers and lives.
— Nick Finck (@nickf) January 26, 2016
- How to Design Killer Micro-Content: It’s one of those portions of a web project that often get overlooked til the last minute: micro-content.
Users should be drawn to micro-content because it is the driver of action from your design to what you hope users will do.
- 3 free UX design ebooks: Thanks to CreativeBloq’s partnership with UXPin, you can download UXPin’s UX Design Builder’s Ebook Bundle on wireframing, prototyping, and mockups. Over 350 pages covering best practices. Did I mention the bundle is free?
— Micah Alpern (@malpern) January 27, 2016
- What Google’s content guidelines mean for plain language content creators: In his Center for Plain Language post, my friend Jeff Greer takes a look at Google’s recent release of their latest Search Quality Rating Guidelines. He shares four takeaways focused on plain language principles. (Note: the article link to Google’s guidelines is a PDF.)
- Heather Honeycomb of UX Shame: When I read Heather’s post this morning and saw her honeycomb remake of Peter Morville’s Honeycomb of User Experience, it reminded me of my recent experiences this week with customer service online help. Though I do prefer calling her image the Honeycomb of User Experience Opportunity.
- The tech giving people power to rise above disability: When you think about computer technology, smartphones, tablets, and laptops probably come to mind. How about talking hands, head controls, and smart glasses?
- The A11y Project: Looks like The Ally Project, the community-driven website with short, easy digestible tips for web accessibility, is sporting a new design. Nice work! The website is the collaborative effort of over 60 contributors and is available in over 80 languages.
- Google+ Accessibility: In the past year, Google has found and fixed over 450 accessibility bugs in Google+. In addition, recent updates include improved keyboard support, improved interactions with posts using Talkback and VoiceOver, and better search accessibility across all platforms.
- Making the Firefox developer tools accessible: Currently, the Firefox developer tools are a mouse-driven environment. Which is why Marco Zehe and Yura have embarked on a new project to make the tools accessible to keyboard users as well as those using assistive technology.
- Making conference videos more accessible: Hidde de Vries explains how to use Amara’s professional services to add transcripts to Vimeo videos.
- Your Chance to Give Feedback on WordPress’ Accessibility Coding Standards: Here’s your opportunity to give feedback on the WordPress accessibility standards for WordPress core. It’s a one page document with five sections. I encourage you to share your thoughts!
Remember when you wanted move a sidebar from left to right in a theme, you had to hack around with register_sidebar and mess with code?
— Jeff (@jeffr0) January 29, 2016
- Securing your Site with Jetpack: Keeping your site secure doesn’t have to be tedious with these best practiced for protecting your WordPress site. I found more than dozen helpful tips for keeping hackers at bay.
- Mark Root-Wiley Publishes Free Guide for Nonprofits That Use WordPress: Love this guide from Mark Root-Wiley! For nonprofits who aren’t able to hire someone to created and manage their site, this guide provides all the info from planning your site, installing WordPress, choosing a theme and plugins, adding content, and keeping your site health. Nicely done!
- January 2016 WordPress Q & A Workshop Recap: My notes from this month’s Metro Detroit WordPress Meetup include advice for WordPress beginners (hint, consider WordPress.com), tips for your first self-hosted WordPress site, how to keep your site up-to-date, and what to do when you discover your developer has modified core WordPress files in your installation.
CSS and HTML
- How to make the web better? Take care of the noobs.: My friend Brad Colbow wrote about the current fascination by web designers and developers with frameworks, environments, and tools rather than the fundamentals of building a site. He wonders if this is what our field is becoming. What about basic HTMl and CSS? I wonder about it, too. And I’m with you Brad.
- Learn CSS Layout: Have you worked with CSS for a while? Mikito Takada has published a set chapters that take a deep dive into CSS layouts. Did you know there are at least five different box models? I didn’t. Available as individual chapters or single page HTML.
It blows my mind how some developers don't care about the history of the code they are writing.
— Chris DeMars (@saltnburnem) January 29, 2016
- 20+ Docs and Guides for Front-end Developers (No. 7): Every time Louis Lazaris publishes another post in his front-end docs and guides series, I’m excited to find out what he’s discovered. This week’s installment is another excellent roundup of goodies, including flexbox help, an interactive site for learning CSS background-blend-mode and filter properties, notes on using ARIA in HTML, and more. Enjoy!
What I Found Interesting
- Here’s how much Google paid that guy who bought google.com for a minute: You might have heard the story about Sanmay Ved, who bought the Google.com domain last fall for $12. Ved owned the domain for one minute before Google cancelled the purchase. Find out how much money Google paid Ved, and what Ved did with the reward.
Can we get “Learn to Design” initiatives to the same level as “Learn to Code”? Learning to listen, make, iterate is just as important.
— Paul McAleer (@paulmcaleer) January 28, 2016
- Free SSL/TLS Certificates at DreamHost with Let’s Encrypt: Whoa. Dreamhost is the first web host I’ve heard from that has integrated Let’s Encrypt free SSL certificates into their services. Anyone tried out Dreamhost’s beta program for Let’s Encrypt SSL? I’d love to hear your experience!
If you like what you read today, share this 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.