My list of favorite web development and design resources I discovered this week; hope you find them useful.
- Mozilla Accessibility Wiki: Stay up-to-date with Mozilla’s accessiblity efforts.
- Google and Adobe on Video Accessibility: My notes from this past week’s 3Play Media webinar with Andrew Kirkpatrick from Adobe Systems and Naomi Black of Google discussing video accessibility strategies.
- Caption This! Bits On The Run Now Features Built-in Video Captioning: Part of Long Tail Video, Bits On the Run now supports DFXP or SRT captions. Note that all captioning must be done by you or outside of Bits on the Run.;
- Usability Testing for People with Disabilities: Slides from the March 2012 Boston Accessibility presentation by Kathleen Wahlbin of Interactive Accessibility, Inc. and Mary Hunter Utt of The Paciello Group, LLC. Usable accessibility benefits everyone.
- About HTML semantics and front-end architecture: Nicolas points out the challenges in maintaining code, and offers suggestions that are contrary to the way many web developers have been taught. Check the comments for counterpoint.
- Learn HTML5: HTML5 Tutorial and Guides: Good collection of articles, videos and cheat sheets to help you learn HTML5.
- Idealism vs. pragmatism: Mozilla debates supporting H.264 video playback: Due to the ongoing video encoding issue with the HTML5 video element,
the proposal to support H.264 in mobile Firefox has generated a tremendous amount of controversy among Mozilla developers.
- Understanding em Units in CSS: Release your web designs with em units, says Louis Lazurus from Impressive Webs. Currently Louis prefers to use pixels and percentages for layouts, but he believes ems are best for typography.
- Multi-Device Layout Patterns: Compiled by Luke Wroblewski, this catalog of the most popular multi-device layouts for responsive design is worth bookmarking.
- WordPress Security: Best Practices, Free & Premium Plugins: If you haven’t installed a security plugin on your WordPress website, be sure to check out this collection.
- Add a Slick HTML Site Map to Your WordPress Site: Easy to set up, similar to creating a customized menu. The result is a sitemap similar to what I’ve created using wireframing applications.
- How to Use Google Chart Tools in Your WordPress Site: Did you know Google had a free chart/graph creation application? I didn’t. Create the chart with the features you want, then embed it using a plugin or code.
- Comprehensive WordPress Query Reference – Inspect Element: Lifesaver for when you’re developing a query.
- 15 Most Frequently Asked Questions By WordPress Beginners: I like this post from WPBeginner that answers questions like: where did my Custom Fields area go? How can I speed up my website?
A few other resources you might find helpful:
- The Web Developer’s Interactive Cheatsheet for SEO and the Open Graph: Not sure how to integrate the Open Graph into your website? This cheatsheet will clear up your confusion.
- Front End Styleguides: If you’ve been tasked with creating a front-end styleguide, check out this collection for inspiration.
- A Seven Step Guide to Website Usability: Good recommendations from Divya Rawat on improving your website usability. Wish Divya had commented about including captions with the recommendation to include videos.