In this week’s web design and development resources roundup, you’ll learn how to make accessibility a core design principle, find a UX event calendar for southeast Michigan, discover how to get started with CSS Grid Layout today, 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
Dear designers of the web, no matter how cool light grey on white looks, you can’t do that.
—Anyone without perfect vision
— Hugo Giraudel (@HugoGiraudel) May 29, 2017
- You never know beforehand what you will learn from usability testing. But you do know it will reveal blind spots, poor design decisions, and pain points for users.
- White space is a fundamental element of good design.
— UX Jobs Board (@UXJobsBoard) June 1, 2017
- Find out what user experience and web professional events are happening in metro Detroit with my June 2017 calendar of events.
- When we first start out in our design career, much of our work is based on choosing a color palette and the right typeface. We eventually learn design is about solving problems. But our tools can keep us from finding solutions.
These days, for me design is about doing the right thing for the user and less about the visual.
- Excellent tips on making accessibility a core design principle. Tip #1: make accessibility part of your process from the start. You wouldn’t tack on responsiveness to your web designs at the end of your project, right?
- I’ve never understood why Twitter requires you to enable image descriptions. Enable it by default.
— TJ Schlouski (@shlugi) June 1, 2017
- I like Shopify’s approach toward improving the accessibility of their products: focusing on a more inclusive and accessible culture, rather than creating an accessibility team. Learn about their process, as well as what Salesforce and Slack are doing to create more accessible software.
- You’ve taken the steps to make your website accessible, but have you included your icon system? Chris Coyier walks you through the ways you can make your standalone and decorative icons accessible.
- WordPress celebrated its fourteenth anniversary on May 27. Here are 14 milestones to mark the day.
- Claire Brotherton explains how to create WordPress excerpts and include links in them. Check the comments for another method to add code to your functions.php file
- Is WordPress as easy as we think? Instead of focusing on plugins and themes, let’s focus on making the author experience better, says Antonio Villegas.
The author of the content has to be the central element in WordPress. And right now that’s not the case.
- WP Shout’s post about how long it takes to build a WordPress site received a lot of comments when I shared it online in one of my web design groups. In my opinion, the times quoted in the post don’t consider testing, staging sites, and deploying to production. Your thoughts?
CSS and HTML
- Having trouble understanding all the terms associated with CSS Grid? The terms are much easier to understand with this CSS Grid Layout CodePen by Stacy Kvernmo.
- I have to admit, I miss working in straight HTML. Reading Craig Granell’s post how to use an HTML boilerplate reminded me how much I enjoy HTML coding.
- Rather than reading 10 blog posts about flexbox , David Gilbertson decided to read the spec and discovered 11 new things about flex layout. The one I enjoyed learning: margins of adjacent flex items don’t collapse. Ever.
- You can start using CSS Grid Layout today, with the help of these slides from Rachel Andrew’s talk at the Frontend United conference.
What I Found Interesting
- Chicago design company Segura has some interesting terms in their contract. It’s my kind of contract, too. One of my favorite terms:
I’ll listen to you. You listen to me.
- Did you know you can embed Creative Commons licenses directly into Word, PowerPoint, and Excel documents? Me neither.
- Skype is out with a new version, built from the ground up. Their latest update includes the ability to customize colors, create a highlight reel of your day with photos and videos using the new Highlight feature, and personalize group chats.
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.