In this week’s roundup of web design and development resources, you’ll learn tips for getting started in user experience, find out how to set up Android TalkBack for accessibility testing, learn about using
rem units in your designs, and more.
If you’re new to my blog, each Friday I publish a post with my favorite reads from the past week for user experience, accessibility, WordPress, CSS, and HTML.
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
This week’s photo is from the seventh annual TEDxDetroit, held at the beautiful Fox Theatre in downtown Detroit. Inspiring day of talks about positive ideas for the world from Detroit. The two paintings in the photo, depicting the city of Detroit, were painted on the balcony of the lobby during TEDxDetroit.
Tweet of the Week
— Jennifer Pahlka (@pahlkadot) October 9, 2015
- Are your audience personas really helping to inform your content strategy?: Rather than just a demographic profile, personas need to include the behaviors your target audience displays across multiple platforms and devices. Learn what they value and where they consume content.
- Why designers should never skip prototyping: Wireframes and low-fidelity prototypes help you plan, remove guesswork, and offer opportunities for early usability testing to weed out flaws in design decisions.
Prototypes create a common design language. With them, designers can seek out problems while content people see how their work fits into the project.
— zeldman (@zeldman) October 5, 2015
- Adobe MAX: Introducing Project Comet: Announced this week at Adobe MAX, Project Comet is a user experience design tool that allows you to take your design ideas from prototype to testing.
- Tips for Getting Started with Web Accessibility: The multi-page guide from the Web Accessibility Initiative offers tips for making your website more accessible with a focus on design, writing, and development.
alt="when I say 'empathy' is a core dev skill, I don't mean be nice I mean fully imagine being a person who DOESNT know how this shit works"
— Steve Faulkner (@stevefaulkner) October 6, 2015
- Accessibility testing with Android Talkback: Henny Swan walks you through the steps setting up, optimizing, and navigating with Android’s Talkback. Excellent list of resources at the end of the post.
- Tools for Website Accessibility Testing: Learn the process to evaluate your website for accessibility and what tools you can use.
- WordPress is Making Sharing Posts Beautiful Again: Remember the Blogroll in WordPress, where you could list your favorite blogs? A new feature in the upcoming 4.4 aims to bring back the ability to share content on your site, not as a link, but as something that looks like a card tile.
Need more sites and people to decipher the various Make core blog posts into human readable user oriented text for the wider audience
— Jeff (@jeffr0) October 2, 2015
- Mobile Testing Tools for Your WordPress Site: While it’s always best to test your site with actual mobile devices, the shear number of mobile devices would quickly bankrupt you. Using browser developer tools, online browser testing sites, and emulators can help you optimize your site for mobile visitors.
- Common WordPress Theme Issues (And How To Fix Them): Ever installed a new theme, but it didn’t look like the demo? Or made changes, but they don’t display on your site? Find out how to fix these problems and others in Alex Denning’s post on WPZOOM.
CSS and HTML
- Understanding and Using rem Units in CSS: In his SitePoint tutorial, Adrian Sandu discusses what the
em, and explains how to use
remfor better responsiveness, scalability, and flexibility.
- CSS Protips: Nice collection of a dozen tips for taking your CSS to the next level. Learn how to select items using negative
nth-child, create equal width table cells, vertically center anything, and more.
I’m not as impressed when your “pure CSS” solution is SASS.
20 lines of SASS that expands to 2,000 lines of CSS kinda defeats the point.
— Adrian Roselli 🗯 (@aardrian) October 4, 2015
- AMP and Incentives: Not sure what Google’s Accelerated Mobile Project (AMP) is all about? Check out Tim Kadlec’s post where he explains how AMP works, points out the benefits, and questions how AMP fits into the concept of the “open web.”
The advantage that AMP has over anyone else who might try to make similar claims is that AMP provides clear incentive by promising better methods of distribution for AMP content than non-AMP content.
- Using Extended Srcset and the Picture Element to Tailor Your Image to Every Device and Layout: Starting with Microsoft Edge Windows Insider Preview build 10547, developers will be able to manage image sizes using
What I Found Interesting
- Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web: An open-source project, Google’s Accelerated Mobile Pages (AMP) aims to make mobile pages faster with better web performance. AMP restricts scripts, disables zoom (accessiblity issue), and controls content on your site.
- Browser Trends October 2015: Sustained Safari Slips: No surprise to see Chrome continue to increase in popularity in the latest browser trend support. Safari usage continued to decrease, amid talk about whether Apple has abandoned the browser.
- New Tools for Writers: Nice! Medium adds useful features for writers, including drop caps, mentions (like Twitter), typography changes, and new formatting.
Like the resources in today’s post today? Share it with your friends and colleagues.