For those of you celebrating Mother’s Day today, I hope you had a wonderful day and enjoyed the time with your family.
Each week I share some of my favorite resources I’ve discovered for web professionals. This week’s collection was fun to curate, with a great resource for learning CSS via video tutorials, strategies for reducing page load times, as well as a number of resources to celebrate Global Accessibility Awareness Day. Enjoy!
Favorite Tweet of the Week
Be good to others and surround yourself with good people. You never know when their support is the only way you make it through the day.
— Leslie Jensen-Inman (@jenseninman) May 10, 2013
CSS and HTML
- 10 Years: Wonderful to hear Dave Shea is celebrating the tenth anniversary of CSS Zen Garden with a new look and a responsive design.
- Learn CSS: top 15 tutorial videos: Thanks to Creative Bloq for compiling this list of video tutorials for learning CSS, from the basics to more advanced methods, including creating a navigation bar, to working with grids and creating animation. Videos are from Lynda, CSS Tricks, SitePoint and others.
- Line Clampin’: What methods do you use to restrict the lines of text that display, with an ellipsis displaying after reaching the limit? Chris Coyier shares several interesting techniques in this article; check the comments for more alternatives.
- The Weight of the Web: Niall Thompson discusses the issues with JPEG compression and page weight, and offers strategies to reduce page load times and serve images responsibly. My favorite strategy from Thompson’s collection: set a performance budget.
- Adobe Explores the Future of Responsive Digital Layout with National Geographic Content: Using balanced text, CSS exclusions, and CSS regions, Adobe used content provided from National Geographic to demonstrate the future of responsive digital layout.
- How To Avoid Duplicate Downloads In Responsive Images: Interesting article by David Newton explaining the benefits and issues with using the
pictureelement. Newton suggests
embedmay be short term solutions for image display while avoiding bandwidth issues.
- The mobile testing challenge: How to improve your UX and prepare for the future: Raj Kaneru discusses the four types of testing needed for mobile and suggests that the future approach to mobile testing will be more automated.
- Seven Ways To Test The Effectiveness Of Icons: Rather than using intuition to determine if an icon is effective, make better decisions using data-driven methods, says Jeff Sauro.
- It’s All About Context: Research your users and offer the best content, based on the results.
With contextual design comes the Goldilocks principle: You have to get things just right, or it could have consequences.
- Mozilla’s New UX Quarterly: Mozilla’s UX research & design team publish their first UX Quarterly. My only wish? The quarterly was available in a format other than PDF.
- GAAD 2013 wants accessibility on web devs’ minds: Craig Grannell talks with several accessibility experts, including Global Accessibility Awareness Day co-founder Jennison Asuncion, about what web designers and developers can do to learn more about digital accessibility.
- Regal to let deaf moviegoers see what they’ve been missing: Regal Entertainment Group, the largest theater chain in the United States, will equip their 6,000 theater screens with closed-captioning glasses. Developed by Sony, the glasses will project closed-caption text inside the lenses that will sync with the dialog on the screen.
- HiSoftware Gives the Cynthia Says Web Accessibility Testing Tool a Makeover: It’s back! I believe Cynthia Says was the first online accessibility tool I used. The new (and free) version helps users identify errors related to Section 508 standards or WCAG guidelines.
- Testing for Accessibility–What You Need to Know for a Successful Testing Effort: Want to learn the basics of web accessibility training? Check out this free webinar from HiSoftware.
- Is Hearing Device a Magic Wand?: Don’t presume that someone using a hearing device can magically hear and understand everything that is said.
- How to Contribute to WordPress: Get involved! You don’t have to be a designer or developer to contribute to WordPress. There are many other ways you can make a difference, including answering questions in the forums, writing documentation, testing, and organizing WordPress events.
- My Top Ten WordPress Snippets: Good code snippets to add to your functions.php file including snapshots of websites, customer rel tags in galleries, and custom media size dropdoown.
- Brad Williams on Secure WordPress Development: WordPress developer and author Brad Williams shares his tips for keeping your code secure and hack-free with advice on data validation, sanitization, and managing nonces.
- The Exhaustive ManageWP Guide to WordPress Theme Frameworks: Nathan Weller explains what a WordPress theme framework is and highlights what he likes in each of his top ten theme frameworks. What’s your favorite framework, and why? Share your thoughts in the comments.
- Live Workshop: How To Build a WordPress Plugin: In this five-week online class, held for one hour on one day each week, Tom McFarlin will walk you through the steps to create your own custom plugins for WordPress.
What I Found Interesting
A great teacher can change a life. They light a lifelong curiosity, a desire to participate in democracy, & instill a thirst for knowledge.
— John King (@SecretaryKing44) May 7, 2013
- Top 10 Computer Tricks Every Geek Should Know: I love these kinds of articles, I always discover some cool new computer tip to try out. This post will teach you how to monitor your home with Dropbox, improve performance on your hardware, crack passwords, and more.
- Common Patterns in Styleguides, Boilerplates and Pattern Libraries: Wow. Thank you Tyler Sticka for creating this Google Doc spreadsheet cataloging common styleguide patterns.