HTML5 – Page 4

Deborah’s Weekly Links: March 18, 2012

March 19, 2012 By Deborah Edwards-Onoro

My list of favorite web development and design resources I discovered this week; hope you find them useful.

Accessibility

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.

HTML

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.

CSS

Code a Responsive Navigation Menu: Joshua Johnson provides a step-by-step guide on creating a responsive menu, highlighting strategies for managing different widths as well as Internet Explorer with htmlshim and JavaScript.
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

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.

Deborah’s Weekly Links: September 18, 2011

September 25, 2011 By Deborah Edwards-Onoro

The big news this week was the Facebook announcement of new features and user interface changes. There’s plenty of sites that have listed the changes, and I’ll include a few in my today’s list of resources and links. By the end of the week, many people were feeling like the comic below.

F8–Facebook Developers Conference: Mark Zuckerberg announced and demoed the changes of Facebook. One of the most impressive stats he shared: over half a billion people used Facebook in one day.
How to Enable the New Facebook Timeline Now: If you can’t wait for the new Timeline, you can take these steps to enable it now.
Netflix in Danger of Ruining their User Experience by Joshua Porter: While it seems Netflix is killing off its DVD rental service, they are missing basic fundamentals in how people use web applications.
Please Enter Your Password Again and Again by Khoi Vinh: We need to rethink digital credentialing.
Welcome to WebDepot by Mike Evans: Why your passion should be building products.
21 New Email Templates from MailChimp: he great staff at MailChimp don’t rest on their laurels; in the past three months they’ve released 95 new email templates.
A Roundup of Valuable Facebook Tools from Noupe: Excellent collection of tools for both user and developer
10 Ways to Be a More Productive Web Developer from Six Revisions: Create a library of code snippets, use a framework, and invest time in learning are just a few of the tips shared.
Presentation: HTML5 and Accessibility sitting in a tree by Bruce Lawson: Thanks to Bruce for posting his presentation for the Accessibility London unconference, along with an excellent list of HTML5 resources.
Create An Animated Bar Graph With HTML, CSS And jQuery from Smashing Magazine: The tutorial and explanation are very good, I only wish the editors had insisted on ensuring the markup was accessible.
Accessibility in Google Apps by me: My post from Google’s webinar highlighting accessibility in Google Docs, Sites, Spreadsheets and Calendar.

And as usual, my weekly list of interesting non-web related stories and posts:

Feedback: what it is and isn’t by Grant Wiggins: Focusing on feedback, not advice or praise, is challenging for all of us.
Brian Dickerson: It’s open season on your Fourth Amendment rights: Last week I was shocked when I read the post from the Ohio mother describing her ordeal at Detroit Metro airport on September 11. Brian highlights that story and other stories of Michigan children and a lawyer and their civil liberties.
National Geographic Photo of the Day: Child With Balloons: Lovely, made me smile.

Deborah’s Weekly Links: September 11, 2011

September 18, 2011 By Deborah Edwards-Onoro

This week’s list is a bit short since I was off the interweb for two days, but I’ve included some great resources from today’s Boston Accessibility Unconference.

45+ Free Lessons in Graphic Design from Noupe: Outstanding collection of resources for web and graphic design. It will take me days to make my way through all the lessons and tutorials.
The Cross-Channel Experience from Nick Finck: Cross-channel experience design refers to designing for all touchpoints a customer has with a business, whether on the web, in person, mobile, print, etc.
18 PSDs for Mobile Phone UI Design from Smashing Magazine: Another great collection for people designing for mobile, includes PSDs for Android, iPhone, Nexus and more.
LookTel Money Reader: iPhone and iPod Touch application instantly recognizes US currency and speaks the denomination. Too bad there’s no Android application.
10 Examples of QR Codes for Real Time Marketing: If you’re going to use a QR code, make sure it points to a mobile friendly site.
HTML5 Compatibility for Mobile and Tablet Browsers from Mobile HTML5: The page will be updated frequently to account for all the new mobile devices, tablets and browsers. Glad it recommends developers detect features rather than develop for platform or version.
7 Best Practices for Improving Your Website’s Usability by Jacob Gube (of Six Revisions): Good tactical advice and case studies.
9 Things Designers Can Learn from Target’s Checkout Form from UX Movement: Lots of good discussion in the comments, not every reader agrees with the article.
Adaptive Images: Rather than creating different sized images for your responsive designed site, or use different markup, adaptive images uses a small JavaScript file, PHP and the GD library to create images sized for the resolution you wish to adapt for.
3 Handy Tools to Test for Broken Site Links: I’ve used Xenu for years, but was glad to discover other options.
Social Media Accessibility: Where Are We Today by Denis Boudreau: Sad that the best social media channel (YouTube) only achieves 29% overall rating for accessibility.

Not web-related, but interesting articles I enjoyed reading this past week:

4 Things Never to Buy on Amazon.com (and 4 Things to Buy) from Yahoo Finance: I wouldn’t think to buy groceries from Amazon, but had no idea the savings from buying baby diapers.
How to Get a Complete Workout with Nothing But Your Body from LifeHacker: Long article, with lots of instructions. I like that videos are included that show the proper form.
How 9/11 Has Shaped a Generation of Americans by Peter Grier: Similar to the nuclear war threat of an earlier generation, terrorism is the threat for our millenial generation.

Deborah’s Weekly Links: March 18, 2012

Accessibility

HTML

CSS

WordPress

Deborah’s Weekly Links: September 18, 2011

Deborah’s Weekly Links: September 11, 2011

Website Design

WordPress Training

Optimization