In this week’s web design and development news roundup, you’ll learn how to design user-friendly forms, find out where to start with web accessibility, discover how to use viewport units in your designs, 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
I would rather have questions that can't be answered than answers that can't be questioned.
— Richard Feynman (@ProfFeynman) March 27, 2018
- UX In Contact Forms: Essentials To Turn Leads Into Conversions: Kate Sipkina offers helpful advice on how to design user-friendly forms as well as tips to improve interaction in her Smashing Magazine post. Quick tip: avoid capitalizing form field labels.
- From Jared Spool’s presentation at last week’s IA Summit 2018 conference:
Design is the rendering of intent. Governance is the ownership of intent. We don't know how to do this. @jmspool rocking it.
— Whitney Quesenbery (@whitneyq) March 24, 2018
- How to Talk About Design Decisions: Rather than showing mockups, set the stage for what you’re presenting. What’s the concept behind your design decisions? Did you have constraints? Explain that in your presentation.
- The UX Logout Lapse: The logout process often received little design attention, but Roxanne Abercrombie reminds us that
…the user still needs confirmation, acknowledgement and appropriate engagement.
- Takeaways from the 2018 CSUN Assistive Technology Conference: Thanks to the Microsoft Accessibility team for their post highlighting last week’s CSUN Assistive Technology Conference. Check out the slides from Microsoft’s presentations (on One Drive) at the conference.
- At this week’s Philly CHI meetup’s accessibility panel discussion:
— Phil Charron (@pfilbert) March 28, 2018
- Rian Rietveld: Web Accessibility, Where to Start?: Glad to share my friend Rian Rietveld’s presentation from WordCamp Brighton 2017, now with captions (which I added to her video!).
- Focusing on focus styles: Missing focus style. It’s something I notice daily when I visit websites and use the keyboard to navigate the site. There’s no indication of where I am on the page. Let’s fix that!
- WordPress 4.9.5 Release Candidate: Can you help? The development team could use more people testing the 4.9.5 release candidate before its scheduled release on April 3, 2018. Remember to test only on a test site, not a production site.
- Testing Gutenberg: An Empathy Challenge: Mark Uraine decided to recreate an existing post with Gutenberg. His results: It wasn’t easy. And it was confusing. But he’s optimistic about the possibilities for the future.
- Introducing Blocks – The Fastest Way to Build Websites: Elementor introduces Elementor Blocks, predesigned templates for testimonials, call-to-actions, hero images, and other features, that you can quickly add to your page.
- In WordPress 4.9.5, Users Will Be Two Clicks Away From Installing and Activating Gutenberg From the Dashboard: Update from the development team, the call-out prompt to install Gutenberg is delayed to the 4.9.6 release.
CSS and HTML
- Introduction to Viewport Units: In her five-minute video, Jen Simmons explains how to use viewport units—
vw, vh, vmin, and vmax— to size content for responsive display.
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion: Using the
detailsis a fast way to create an accordion, with built-in accessibility. Perfect for FAQs. Read the comments for additional tips (and concerns).
- How Display: Contents Works: In-depth explanation of what happens when you add
display: contentsto an element.
- From Float to Flexbox: Have you made the change from float to flexbox? Amy Carney explains how she used flexbox to recode a list of items that had previously used float. Her solution reduced the number of CSS rules from two to one and provided code she could reuse in the future.
What I Found Interesting
- The Unexpected Upside to Burnout: Not sure if you’ve ever encountered it, but occupational burnout is challenging to deal with and to recover from. Read about Jessica Rose’s journey as she talks about the unexpected upside.
- Couldn’t resist sharing this tweet!
"I wish there was a Netflix or Spotify for books."
Library. The thing that you're looking for is a library.
— Jenna Guillaume (@JennaGuillaume) March 28, 2018
- How to Remove Third-Party App Permissions from Your Google Account: Now that you’ve updated privacy permissions on your Facebook account, you’ll want to check what third-party apps have permission to access your Google account.
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.