In this week’s roundup of web design and development resources, you’ll find useful advice on how to sell content strategy to management, discover 10 tips for building accessible forms, learn one approach for creating responsive hero images, and more.
The big news this week was the passing of the new net neutrality regulations by the United States Federal Communications Commission (FCC). Not sure what net neutrality is all about? Vox has a helpful guide about net neutrality.
If you’re new to my blog, each Friday I publish a post with the latest resources and tips I’ve read. Want daily resource updates? Follow me at @redcrew on Twitter.
This week’s photo is from Daytona Beach, Florida. No, I’m not in Daytona Beach this week; the photo was taken in December 2013 when I visited Florida for the holidays. This morning I woke up to -3 degrees Farenheit and needed a reminder of warm weather.
Tweet of the Week
— Lisa Slater (@LRSinCH) February 24, 2015
- 25 Rules & Recommendations For The UX Researcher: Based on the books, articles, and tutorials he’s written as well as the bootcamps and discussions he’s led, Jeff Sauro has compiled a list of 25 rules and recommendations for measuring customer experience. My favorites: 4, 9, and 10.
— sofia khan | UX (@sofiakhanUX) February 25, 2015
- How to Sell Content Strategy to Management: Hilary Marsh shares her insights and personal experiences as she discusses how she and her team gained executive buy-in for content strategy.
Executives need to see the value content strategy brings.
- World IA Day 2015, Ann Arbor: Taking the App out of Happiness: In her lightning talk at World IA Day, Ann Arbor, Madeleine Filloux shared ideas on how we can approach design and mindfulness in the apps we create.
- The Unbearable Inaccessibility of Slideshows: They’re popular and every marketing department wants one on their organization’s home page. But whatever you call them—slideshows, carousels or slides—they’re not accessible. In her Sitepoint article, Gian Wild takes a look at the requirements to create an accessible slideshow. First requirement: allow the user to stop all the movement.
Everyone is temporarily disabled when filling out a form on mobile: onscreen keyboard entry is difficult. #a11y
— DeborahEdwards-Onoro (@redcrew) February 26, 2015
- 10 Takeaways from Building Accessible Forms: At their one-hour AbilityNet webinar, Mark Walker and Robin Christopherson shared practical advice and tips for designing accessible forms that create better user experiences.
- Accessibility Originates with UX: A BBC iPlayer Case Study: Henny Swan discusses the accessibility issues faced by screen reader users in the old version of BBC’s iPlayer, and how those issues were overcome with a focus on inclusive design in the redesigned version.
Most of the thinking and requirements should be considered up front so that poor accessibility isn’t designed in.
- ICT Refresh for Section 508: A Timeline of the Proposed Rule, Requirements, and Effective Date: With the proposed rule expected to be published in the Federal Register today, there’s a series of milestone dates before the effective date of Section 508 ICT Refresh.
- RICG Responsive Images for WordPress: The new RICG Responsive Images plugin serves up responsive images as soon as the plugin is installed. No extra markup needed and no admin setting required. And it’s backward compatible.
- Twitter Plugin for WordPress: After eight years, Twitter has finally released a plugin for WordPress. The plugin creates Twitter cards for web pages, provides customization options for embedding tweets, and allows you to add a Tweet and/or Follow button to your posts.
- Twitter’s New Official WordPress Plugin Prioritizes Extensibility: Sarah Gooding of WP Tavern interviews Niall Kennedy, Developer Advocate at Twitter and contributor to the new Twitter plugin, about the new plugin, how it builds upon oEmbed support, plans for the future, and how developers can extend the plugin further.
- WordPress Theme Directory Launches New Design: You won’t be surprised with the new design of the WordPress theme directory; it’s the same look and feel you see in the admin themes browser.
- Building Your First Genesis Child Theme: Calvin Koepke finishes his free 12-part Building Your Own Website with the Genesis Framework series with an introduction to creating your first Genesis child theme.
- Why NPR embraces responsive website design and why you should, too: After listening to last week’s Responsive Web Design podcast, Tina Eaton explains the four reasons why NPR committed to responsive web design and why you should consider it for your website.
- Finding more mobile-friendly search results: Starting April 21, Google will begin ranking mobile-friendly sites higher than other sites. If your site isn’t mobile friendly, you’ll want to update your sites.
- Responsive Hero Images: Interesting approach from Cloud Four for managing responsive hero images one one of their client sites: letting type tell them how many breakpoints were needed.
CSS and HTML
- Extending the Color Cascade with the CSS currentColor Variable: Sara Soueidan takes an in-depth look at the
currentColorvariable, how it works, how you can use it to extend color inheritance, and how to use it in UI components and theming/styling SVG.
- HTML & CSS Examples of Material Design in Action: This collection of examples from Speckyboy showcases Material Design subtle animations, transitions, and menu systems. Have you implemented Material Design in your web projects?
- 7 CSS Tools You Should Be Using: I’m familiar with several of these tools, but it’s the first I’ve heard of ProCSSor for minifying your CSS. Glad to see Jacob gave a shoutout for the built-in developer tools in Firefox, Chrome, Internet Explorer, and Safari.
- Another 20 Docs and Guides for Front-End Developers: This roundup from Sitepoint has all kinds of guides for CSS, HTML, Sass, favicons, and more. I’ll be exploring Flexbox Adventures this week. Check the comments for more suggestions from readers.
- CSS3 for Web Designers: Woohoo! The second edition of Dan Cedarholm’s book is now available, with information about new properties and techniques, updated code snippets, and a new chapter on micro layouts.
What I Found Interesting
- 10 Ways to Avoid Work at Home Traps: Being productive and focused on your work can be a challenge when you work at home. I’ve been working at home for a while; it took me a long time to follow tip #2: Know when to quit.
How people think design happens:
start > ???magical inspiration??? > finish
How design actually happens:
start > work > finish
— Mitch Goldstein (@mgoldst) February 24, 2015
- Twitter Will Crackdown On Serial Trolls By Tracking Their Phone Number: It’s about time. Twitter has announced new updates to their user safety policies, and will now allow bystanders to report abuse.