In this week’s web design and development news roundup, you’ll learn how icon styles affect task performance, find a video of how a screen reader user surfs the web, discover how to create web animations in 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
Taking time to get to know your people, understand their needs, and help them reach their goals is one of the first steps in developing an all-star team. Coupled with a clear vision and effective training it can be inspirational. #leadership
— randy clark (@randyclarktko) February 21, 2019
- Did you know that icon style affects task performance? And that characteristic cues can make it easier to recognize icons? Anthony from UX Movement takes a deep dive into icons as he explores whether solid or outline icons are faster to recognize.
- Yes, you always want to conduct your own user research.
Outsourcing your user research is like outsourcing your vacation.
It gets the job done, but it’s unlikely to have the desired effects.
— Jared Spool (@jmspool) February 20, 2019
- No surprise here. Ad codes slow down websites, impacting performance and user experience. Google Ads and Google Analytics on a website can add more than two-thirds of a second to page load times.
- Have you taken the UX Mastery survey? They want to find out what books, courses, degrees, meetups, organizations you’ve found most helpful in learning about user experience. It took me less than five minutes to take the survey.
- Are you looking to add to your user experience library? Rosenfeld Media has a sale this week: all paperback books are $10 off, with free shipping in the United States. Ebooks are $5 off. Sale ends at midnight on February 22, 2019 (that’s today!)
- Well worth your time to watch the one hour 20 minute video of Léonie Watson (a blind screen reader user) accesses some of the favorite websites of Smashing Magazine members with her screen reader.
- When the Web Content Accessibility Guidelines (WCAG) 2.1 version was published in July 2018, it was a welcome announcement for the new guidelines focused on mobile, low-vision users, and cognitive disabilities.
- Want to learn more about WCAG 2.1? Check out these slides (Google Slides) from Associate Professor Carla Spina’s presentation, Get to Know WCAG 2.1.
- Dawid Bednarski takes a closer look at email accessibility standards by industry in the United States, with a focus on finance, healthcare, government organizations, and the hotel industry.
- Alternative text for images in email messages doesn’t needs to be long, but it needs to provide enough description that the reader knows what’s on the screen.
- When someone asks me about sending email newsletters directly from their WordPress site, I always recommend they look to an email marketing service.
The providers recognize professional email marketing platforms as trustworthy, and their spam filters let emails from these platforms through to inboxes.
- Sad news to share. Earlier this month I shared WP Tavern’s post about Alex Mills, whose leukemia had returned. Sadly, Alex announced this week that leukemia has won. He is remaining at home to spend the rest of his time with family and friends.
- Thinking of leaving Flickr, but not sure where to move your photos? If you’re comfortable with the commend line, here’s how to move your Flickr photos to WordPress.
- One of my favorite tools is Grammarly. WP Beginner explains how you can use it to check grammar and spelling in WordPress. Did I mention it’s free?
CSS and HTML
- This is so cool! Find out how your current website looks like in the first web browser. Find out how the group of nine developers revived the first web browser in their week-long hackathon.
- In the first post of her web animations guide, front-end developer Chloe Hwang walks you through the basics of web animation with CSS, explaining transitions and keyframes through code examples.
- If you’ve worked with grid, you know you can quickly set up rows and columns. But did you know you can give those rows and columns specific names? Learn tips about CSS Grid in this helpful post by Violet Peña.
- With the
@supportsfeature in CSS, you can discover whether a specific property:value combination is supported in a browser. Chris Coyier explains how @supports works as he shares several use cases you may want to consider for your web projects.
What I Found Interesting
- I need to expand my vocabulary to include more of these 26 feel-good words. But I think it will be hard to work in refreshing and wondrous in the same sentence.
- How do you write a blog post? Here’s the step-by-step guide for writing a post that Darren Rowse (@problogger) uses. First step: pick a topic.
- Many people are aware of Chrome synchronizing data across multiple devices. But did you know Firefox can also sync your browser data?
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.