In this week’s web design and development news roundup, you’ll learn about the three enemies of user experience, find out how web broke the web, discover how to disable WordPress plugins on specific pages/posts, 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
I’m taking a 30-hour journey with @webfoundation to celebrate the web’s 30th birthday.
First stop @CERN — where it all began.
We’ll be visiting London, UK today and finishing in Lagos, Nigeria tomorrow.
— Tim Berners-Lee (@timberners_lee) March 12, 2019
- Make it easier for users to make a decision with these 5 techniques to make mobile call to action buttons intuitive. Avoid using color alone as a visual cue.
- In So you want to be a UX manager?, Chelsey Glasson shares the top five things that surprised her when she took on a new management role at Google.
My hope is that my reflections will drive more informed discourse for those considering management as a career ladder transition.
- We often get caught up in semantics. What do other industries call information architecture?
.@louisrosenfeld goes on to suggest maybe we don’t use the word “information architecture” and call it “findability.” What do other industries call how they handle information? It’s a marketing issue. #IAC19
— IAC – information architecture conference #iac19 (@theiaconf) March 15, 2019
- What keeps us from delivering great user experiences? Lee Duddell and Chris Lockhart take a closer look at the three enemies of user experience and how to defeat them. From my work as a college web developer, I’m very familiar with HiPPOs (Highest Paid Person’s Opinion).
- The WebAIM accessibility analysis of the top one million website home pages caught the attention of the web accessibility community and has everyone talking. On how we failed and how we broke the web.
- For images missing alternative text, Chrome has a solution (now available only in the Chrome Canary experimental version)
Coming later this year: Screen reader users can ask Chrome to get automatic image descriptions from Google when an image is missing alt text. Get a sneak preview now using Chrome Canary, just open the context menu! #a11y #CSUNATC19
— Google Accessibility (@googleaccess) March 14, 2019
- Fun, animated video from Microsoft Enable on how a screen reader user navigates a website with landmarks, headings, and tabs [five-minute video].
- I’m honored to included as an accessibility advocate in Kim Krause Berg’s top web accessibility resources for digital marketing companies post. You’ll find useful information about accessibility testing tools, manual testing, accessibility guides, accessibility companies, courses, and resources.
- Released this week, WordPress 5.1.1 patches a critical cross-site scripting vulnerability.
- Looking to increase your WordPress knowledge? WordCamp Miami is livestreaming their workshops, sessions, and trivia contest this weekend, March 15th through March 17th.
- The latest version of Easy WP Guide has been released, with support for WordPress 5.1. One of my favorite WordPress resources!
- Why decrease site performance by loading a plugin on all pages/posts on your site, when you only need it installed on one page or post? Learn two methods you can disable WordPress plugins form loading on specific posts and pages.
CSS and HTML
- Challenged with convincing your team to adopt CSS Grid? Here’s one excellent reason:
Because Grid is just native CSS, there’s no risk that it’s going to break and you’ll have to refactor your project in a year’s time.
- Steve Faulkner gives a brief description of how to use the abbreviation element, with a reminder to provide explanation of the abbreviation with plain text, not with the
titleattribute (which is problematic).
- Works in all browsers, except Internet Explorer (still a usable experience).
you can make images dark mode friendly if you apply mix-blend-mode: multiply; to them because what's the point of a dark mode if you have a huge bright image in it
courtesy to @SaraSoueidan blog pic.twitter.com/ZvNfk0HLra
— Nadir Seghir (@se_nadir) March 11, 2019
- Rachel Andrew explains what an aspect ratio unit of CSS is and how it will work. Think of a
divwith content inside it. It has no size until you assign a width and height. Currently, there is no option to say you want the
divto maintain a 16/9 aspect ratio.
- Have a long data table and need to make the table headings sticky as users scroll? Try this method of combining position: sticky; with overflow: scroll.
What I Found Interesting
- Have some fun playing the Where on Google Earth is Carmen Sandiego game online. I spent a few minutes traveling to London and Tokyo, searching for the world’s greatest super thief.
- With weekly, almost daily, news about another privacy breach, it’s important to guard what private information you share online. Find out what Google knows about you, and steps you can take to limit what Google gathers.
- If you have a free Dropbox account, you will now be limited to connecting only three devices to your Dropbox account. In the past, Dropbox allowed you to connect an unlimited number of phone, tablets, and computers.
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.