In this week’s web design and development news roundup, you’ll learn what to expect in your first user experience job, find out how to design with Gutenberg, discover how to improve accessibility on your website, 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 projects!
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
Tweet of the Week
Today was my best day yet as a software developer.
I had the guts to share my thoughts on an alternative implementation, a team lead who supported me in doing that, and a team that encouraged me to share and explore my plan.
What more could a junior developer want? 🤗🤗🤗
— Sonia Gupta (@soniagupta504) January 11, 2018
- Tiny Wins: the big benefits of little changes: Tiny changes in your product are low effort, but have high impact on your users. By solving users’ common frustrations, you strengthen your business since users know you’re listening to their concerns.
- What to expect in your first UX job: At his General Assembly talk in Seattle, Jose Coronado shared what to look out for in your first UX job.
Take the opportunity to learn from your peers, from the projects, and from the industry.
- Five user research rules of thumb: I like Leisa Reichelt’s third rule: don’t spend more than two weeks designing something without watching how someone uses it.
- Why UX is the biggest barrier to voice UI adoption: While voice interfaces have a lot of potential, our interactions with them often resemble a glorified phone tree or an intelligent chatbot, says Rebecca Sentance.
- User-Experience Quiz: 2017 UX Year in Review: Test your user experience knowledge with Nielsen Norman Group‘s 10-question quiz. If you score a 10, send your resumé to them when they announce a new job opening!
- Improved accessibility for Google Sheets, Slides, and Drawings: Available to all G Suite users, the improved accessibility features are rolling out over the next couple weeks.
- Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility: Using good document structure/semantics, improving color contrast, and enhancing keyboard support will go far in making your site accessible to everyone.
- Increasing Accessibility: Earlier this week, Eric Meyer asked his blog readers how he could improve accessibility on his site. Two days later, he acted on those suggestions and explained his first steps for creating a more accessible site.
- Ann Arbor Web Accessibility Group: Accessibility Basics: Join the Ann Arbor Web Accessibility Group on January 29, 2018 for two short talks by organizers Caitlin Geier and Chris DeMars.
- Fair Use for Captioning Content Outside of Education: Elisa Edelberg explains how you can balance accessibility and copyright laws when you want to add captions to third-party videos.
- WordPress Gutenberg Guide: How to Build Your Next Site With the Revolutionary Editor: If you’ve wondered how to get started building layouts with Gutenberg, this post is for you.
- Gutenberg design basics: Thanks to Tammie Lister, a user experience designer at Automattic, here’s a closer look at designing with Gutenberg.
- WordPress Website Cost – The Real Truth Behind Building a Site: Yes, WordPress is free. But creating WordPress site is not. John Mason discusses the costs involved with creating a moderately sized WordPress website.
So technically speaking, it’s “free.” Nothing is truly free, however. There’s always some kind of cost.
- Recap of Our January 2018 Kickoff Meetup: My friend Jim Luke and I launched the first meetup of the West Metro Detroit WordPress group this week. While we had small attendance, we made plans for the future.
- Doc Pop’s News Drop: WordPress Predictions for 2018: I’m always interested in hearing what we can expect in WordPress in the coming year. Especially when it’s a short three-minute video (transcript included).
CSS and HTML
- What’s New in HTMl 5.2?: A native
dialogelement and styles in the
bodyelement are two of the changes you’ll find in HTML 5.2.
- The latest ways to deal with the cascade, inheritance and specificity: Google’s announcement that AMP (Accelerated Mobile Pages) will now appear under publishers’ URLs instead of Google’s URL has many people applauding. But not everyone. Check out A letter about Google AMP.
- Thanks Rachel Andrew for your tip on using
Little grid tip. Use fit-content for track sizing to make more easily reusable components https://t.co/wlEpJg4roE
— Rachel Andrew (@rachelandrew) January 7, 2018
- Fantastic Pens and where to find them #2: I just discovered Mandy Michael’s weekly roundup of interesting code examples from CodePen. My favorite from this week’s collection is “I could not stop” – give it a whirl!
What I Found Interesting
- The Ultimate Guide to Starting a Blog: You can’t get any better information on starting a blog than from Darren Rowse of ProBlogger. His brand new, free course launches this month.
- Aflac’s toy robot for kids facing cancer is the smartest toy of all: Rather than focusing on a game, camera, or voice assistant, the duck toy robot is designed to give comfort to children going through cancer treatments. The toy won’t be available commercially, but provided for free to children with cancer. Well done, Aflac.
- Dictation.io: Cool online tool that uses Google Speech Recognition Engine that transcribes your speech to text in real times. Works in different languages. Note: only works in Chrome.
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.