In this week’s web design and development news roundup, you’ll learn about the current state of design systems in UX, find out ten features to look for in a paid WordPress theme, discover guidelines for writing clean 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 projects!
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
Tweet of the Week
Doing a refactor today and for kicks, I thought I'd try rewriting a Flexbox Grid using CSS Grid… Flexbox: 42 lines Grid: 5 lines
— Dave Rupert (@davatron5000) March 15, 2017
- My friend Emily Bowman, founder of Ladies That UX Detroit, is one of four UX experts interviewed by Adobe Creative Cloud that answered the question: what’s one thing your users have taught you?
- User experience goes beyond the screen.
UX doesn't end at the edges of the screen. UX is practiced at the heart of user needs, business objectives, & technical requirements. #UX
— Nick Finck (@nickf) March 16, 2017
- In his current state of design systems in UX post, Christian Beck questions the reliance on design systems and their reliance on efficiency. His advice,
…caution and keep focus on innovation.
- Did you think designing buttons was easy? Designers must consider a number of factors when designing buttons: performance, typography, background color, margin, and contrast.
- Interesting. Machine-driven transcriptions are now included alongside UserTesting.com videos. According to their announcement, the transcripts are a free preview for qualified customers through April 12.
- Are you a designer, developer, someone who wants to promote web accessibility in your organization? Register for the free AccessGA accessibility webinar on March 22, 2017 at 11am Eastern Time.
- It’s not one person that makes an accessible product or service happens, says Faye Bridge in her Diversity, AI and Accessibility at SXSW Interactive recap post from this week’s South by Southwest (SXSW) event.
But for accessibility to be successful, it’s important for everyone within a team to be invested in achieving it.
- Want to expand your business?
Funny how progressive enhancement and #a11y are often seen as "good deeds" or bonus work, when it simply gets you more users / more $$$
— Max Böck (@mxbck) March 15, 2017
- With Project Torino, Microsoft creates a physical programming language inclusive of visually impaired children. The project helps teach coding by having kids connect pods together to build programs.
- Share your feedback on creating content for your WordPress site. A redesign of the new Editor is in the works and the project team would love your thoughts. Take a few moments to fill out their Editor experience survey. (Took me less than five minutes to complete.)
- Considering a new theme for your website? Here are ten features to look for in a premium WordPress theme. Don’t forget about accessibility and performance!
- At my webinar for the Michigan Bed & Breakfast Association this week, my focus was WordPress sites as I explained how to keep your website secure and up-to-date.
- Do they annoy you? My colleague Anthony Hortin shows you how to automatically remove Wordfence notifications.
CSS and HTML
- In his tutorial, Nitish Kumar explains how to control the order in which items are placed using the Grid Layout module.
- Dig into what you can do with CSS Grid by exploring the 12 variations on card layouts that Jen Simmons created.
- Modify and download a collection of ready-to-use CSS animations at Animista.
- Thanks, Chris! Here’s how to check your fallback layout when you use CSS Grid.
Easy way to toggle back and forth between your Grid Layout and fallback layout. pic.twitter.com/ZZkYyvKsc0
— Chris Coyier (@chriscoyier) March 15, 2017
- An excerpt from Tiffany Brown’s CSS Master book explains the guidelines for writing clean CSS that is lightweight and reusable:
What I Found Interesting
- Back for a third year, Hacking Health Windsor-Detroit returns to TechTown Detroit on May 5-7, 2017 for a cross-border hackathon to collaborate and design apps for patient-centric care.
- I’m not a fan of people using the word “pop” in design or photography, but this 30-second Photoshop tip helps make eyes stand out in your photos.
- Finally! The latest version of Chrome prevents tabs from gobbling up your battery life. Thank you, Google!
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.