In this week’s web design and development resources roundup, you’ll learn how to design effective gestural interactions, find out how designing for people with disabilities is giving Google an edge, discover why semantic code is important, 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
When I get things done that weren’t on my to-do list I still write them down just to cross them off. ¯_(ツ)_/¯
— Jeff Sheldon (@ugmonk) May 23, 2016
- When designing effective gestural interactions, you need to go beyond touch. Rather than using a cursor, consider images or objects that respond to gestures. Be aware that symbols or gestures used in one culture may not be acceptable in others.
- You’ve heard for years to make your copy scannable, but do you know why? Isla McKetta of Moz breaks it down, discussing three concepts you can master to create better copy that converts.
- At this week’s User Experience Lisbon conference, Adam Conner spoke about creating consistent experiences with design principles. Strong design principles help the team stay focused, say “no” to more options than they say “yes” to, and make decisions.
- With the European Union’s passage of the General Data Protection Regulation, online businesses need to inform users how their data will be used and get actual consent from users. In Privacy Laws and Bad UX , Alex Schmidt takes a look at the challenges designers face in creating good informed consent solutions that make sense for online businesses and users.
- Woohoo! Twitter announced support for alternative text in Twitter for web. It will only work on tweets created in Twitter for web on May 26, 2016, and later. (I’ve updated my Twitter’s alternative text for images post with the changes.)
- Over 45 people attended our Global Accessibility Awareness Day, Detroit screen reader talk and hands-on session last week. Check out the recap with social media conversation as well as some of the event photos.
- Why do we only focus on the beauty of the aesthetics when we’re designing digital experiences? asks Joanna Hunt. Can we expand our definition of beautiful to create an experience where beauty and accessibility meet, a pleasurable experience that everyone can enjoy?
- This week’s BufferChat focused on accessibility in social media. I liked this answer to the question, Where can you find great resources about how to move accessibility forward?:
A5) Move accessibility forward. How? Ask those who access you. Your users! Do survey, interact, find what works what doesn't. #bufferchat
— Aamina Suleman (@thinkdesignvis) May 25, 2016
- John Brownlee of Fast Company sat down with Eve Andersson, who heads up Google’s accessibility efforts, last week at Google I/O developer conference. How designing for disabled people is giving Google an edge focuses on Google’ existing accessibility initiatives and what we might see in future Google products.
The robots of the future might be able to “see” because of the accessibility work done in computer vision for blind people today.
- Today WordPress celebrates its 13th birthday. Hard to believe it’s been 13 years since it began! I started using WordPress in 2006, how about you?
- Nice! WordCamp Europe 2016, which will be held in mid-June, is offering free livestream tickets. Register now to grab your ticket, they’re bound to go fast!
- Though it’s reassuring to know WordFence has updated their free plugin and premium firewall to protect sites from the three disclosed plugin vulnerabilities, I was glad to know the plugin developers released fixes quickly.
- I can see lots of use cases for this first digital signage WordPress plugin, especially in the conference and education market.
CSS and HTML
- Who knew there were so many options for styling the
pretag? Not me! Thanks to Chris Coyier for his considerations for styling the < pre > tag post, I can wrap, auto-expand, label the code language, and more.
- Hmmm. Is this what you’ve discovered?
— Alex Pounds (@acreature) May 25, 2016
- What does it mean to write semantic code? Léonie Watson explains why it’s important to understand semantics:
We get a consistent understanding of content structure and native behaviour, and we get a common understanding of the content’s meaning and purpose.
- Centering with CSS doesn’t have to be hard when you can use the free online how to center in CSS generator. Enter your type of content, container width and height (if known), alignment, and what version of Internet Explorer you need to support, and you’ll get the code you need.
What I Found Interesting
- If Twitter’s announcement this week of changes with character counts and retweets didn’t make sense to you, The Washington Post has a nice write-up explaining what Twitter’s changes mean to you.
- Are you a Bob or a Susan? When you ask someone to do something, do you give too much background, or start in middle of a story? What would happen if you made your request in the format of a fairy tale, like Once Upon a Time, to provide clear and concise communication?
- Did you know about this cool Google Docs feature?
Highlight text in @googledocs and use your right-click mouse button. A new way to google (they call it research) inside docs. Nifty!
— Liza Potts (@LizaPotts) May 24, 2016
- As more Internet-connected products and services are being developed, people are questioning how ready is the Internet for IoT? Issues of latency, reliability, and security leave developers caught in the middle: should they develop products/services or work on infrastructure?
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.