In this week’s web design and development resources roundup, you’ll learn about the principles of UX design, find out how to make your web apps more accessible, discover how to improve security and performance with your external links, 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
On this day in 1969, Neil Armstrong and Buzz Aldrin became the first men to land on the moon. pic.twitter.com/3vmoUagC5O
— TODAY (@TODAYshow) July 20, 2016
- Kate Meyer discusses the impact of interaction design on brand perception in this week’s Nielsen Norman Group article. One of her findings: know what your users expect in interactions and avoid breaking consistency unnecessarily.
- An excerpt from Principles of UX Design, an online course by Timothy Embretson, discusses what user research is, how to use it in your projects, different methods for conducting research, and deliverables.
Conducting user research is just one part of the equation. Afterwards, you have to act on that feedback to make new product decisions or enhancements.
- To follow up on Embretson’s online course:
— Deborah Edwards-Onoro (@redcrew) July 15, 2016
- Developing a crisis communication strategy works best when people across the organization are involved, says Marli Mesibov. Agreed. I saw it first hand when we had a crisis at the college, and I worked with my manager to update our followers on social media. Thankfully we had a strategy in place.
- The big news in the accessibility world this week was the announcement from G3ict (Global Initiative for Inclusive Information and Communication Technologies) that they’ve acquired the IAPP (International Association of Accessibility Professionals). It’s a natural combination in my mind; their services complement each other with G3ict’s global reach and IAPP’s training/certification programs.
- Sway accessibility improvements brings a new Accessibility Checker that allows you to identify images/videos with missing alternative text as well as review and update alternate text/non-descriptive hyperlinks.
— Terrill Thompson (@terrillthompson) July 20, 2016
- Are you using Book Creator to create a book? Here’s 5 easy accessibility tips to make sure your book works for everyone.
- Good question: is there ever a time when parallax scrolling doesn’t cause nauseous feelings? In their seven-minute Accessibility, Totally Tooling Tips video, Google Chrome developers Addy Osmani and Matt Gaunt discuss web accessibility and how Accessibility Developer Tools can help you build and test your code. I liked their tips on making accessible web apps at the end of the video.
- Can you help with testing the soon-to-be-released WordPress 4.6 version? The team could use your feedback before the release candidate goes out (scheduled for next week).
- Short notice, it’s happening this afternoon at Central Time. But if you want to learn how to set up your WordPress site quickly and securely, register for the one-hour free webinar from iThemes with Benjamin Bradley.
- Check out my takeaways from Getting to WordPress, Stephanie Leary’s WPCampus 2016 conference session on importing content into WordPress.
- My friend Joe Casabona has a great post about plugins and finding the right tool for the job. It can be easy to be fascinated with the thousands of plugins. I liken it to candy in the candy jar, it’s tempting to grab a handful of different chocolate bars, several packets of gum, and bags of peanuts! Take a step back and consider:
- Where to look
- What your needs are
as you make your plugin choices.
CSS and HTML
rel="noopener"to external links can improve performance and security, says Jake Archibald.
- Have you registered for next week’s online CSS and Sass conference, hosted by Environments for Humans? I attended the very first CSS Summit years ago. Love how Ari Stiles and Christopher Schmitt bring together CSS experts from around the world to share their knowledge and expertise.
- Yahoo’s Pure.css responsive framework may be the alternative to Bootstrap you’ve been looking for. With a small footprint of 4.5K minified and gzipped, Pure.css is built on normalize.css and offers:
- Customizable, responsive grid
- Flexible form alignments
- Built-in vertical and horizontal menus
- IE8+, Firefox, Chrome, Safari, iOS6-8, and Android 4.x compatibility
Check out this post from Jeff Reifman for a review of Pure.css key features along with code examples.
What I Found Interesting
- I’m a big fan of icon sets that include lots of icons. This week’s free download of 100 web design icons may be just what you need for your current web project.
- Want to be make the most of your mentor’s guidance? Be prepared, ask useful questions. How did they get started? What are the best ways to stay current in the field?
- Yes, it’s a wonderful feeling!
I’ve been experiencing JOMO* recently and loving it. Unplugging from the whole digital world is extremely satisfying.
*joy of missing out
— Sara Soueidan (@SaraSoueidan) July 21, 2016
- Latest in the “Yahoo on the sales block” saga, it seems Verizon is nearing a deal to purchase Yahoo. My personal interest is in knowing what happens with Flickr, which has been ignored for years.
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.