Welcome to the Cinco de Mayo edition of my weekly roundup of new web design and development resources for CSS, HTML, responsive design, accessibility, WordPress and user experience. Each week I highlight some of my favorite resources I’ve discovered online. Enjoy!
Favorite tweet of the week:
It's not about your process, it's about delivering delight.
— Alan Cooper (@MrAlanCooper) May 2, 2013
CSS and HTML
- Automatic Figure Numbering with CSS Counters: If you’ve ever wanted to automatically number figures in your posts, this demo page is for you. Use Chrome Inspector or Firebug to view the CSS.
- On CSS Documentation: Richard Powell discusses the need for CSS documentation, especially important when you have several team members working on the same project. Do you create a style guide for your CSS? How do you manage CSS documentation?
- CSS Architectures: Scalable and Modular Approaches: In the latest article in Denise Jacobs series on CSS Architectures, Denise shares strategies for keeping your CSS lean and clean using DRY, Object-Oriented CSS, SMACSS (Scalable and Modular Architecture for CSS), and CSS for Grownups.
- How to mark up subheadings, subtitles, alternative titles and taglines: With the
hgroupelement made obsolete, Steve Faulkner, co-editor of the HTML5 spec for the W3C, offers alternatives for marking up subheadings and subtitles.
- Why the Web Is Ready for Responsive Web Design: The cost of supporting multiple platforms and managing fragmented ecosystems will lead you toward a unified approach with responsive web design.
- Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js): Solid plugin for a responsive lightbox that provides fully accessible content and keyboard navigation.
- What are Responsive Websites made of? Guy Podjarny of Akamai looks at the performance of responsive web sites, and concludes progress is being made on responsive images, but almost all other aspects of responsive web design are not optimized to screen size.
- ZURB Presents Online Responsive Web Design Training: If you’ve been trying to figure out how to get started with responsive web design, ZURB is offering a one-day online responsive web design training May 13 for $300 (U.S dollars).
- How to achieve the impossible with your web presence: What worked for the Gov.uk website may not work for websites of other large organizations, says Paul Boag. But we can all learn from their documentation of best practices for creating and running a large organization’s website.
Document key user tasks for each screen in the wireframes, to make sure user objectives are being met in the #UX Design process.
— Jonathan Lupo (@userexperience) May 3, 2013
- Content Knowledge Is Power: Taking time to understand the content that already exists allows you to make your entire design stronger and facilitates understanding among all members on the web team.
- UX is not just a fancy word for common sense: There’s a bit more to user experience than common sense. Your experience of a service, application or product is not everyone else’s experience. It’s a lot harder to design for someone else.
- How to Pull Your Content Creation Process out of Creative Hell: Ian Humphreys recommends ix steps to find your inspiration:
- Walk away
- Lighten the mood
- Search for inspiration
- Call for help
- Examine your process
- Global Accessibility Awareness Day In-Person Events on May 9: To celebrate Global Accessibility Awareness Day, several in-person and virtual events will be held. This post lists several opportunities to attend in-person or virtual events to learn about accessibility in Moodle, MOOCs, and the digital world.
- Why I Want Android Accessibility to Succeed: Google Voice Search outcompetes Siri, but there’s a lot of development work needed on Android before it can compete successfully with iOS for accessible features. Great discussion in the comments.
- Plain Language and Usable Accessibility: Whitney Quesenbery: Derek Featherstone of Simply Accessible talks with Whitney Quesenbery about her sessions at this month’s AccessU 2013 conference, to be held May 14–16 in Austin.
- Accessible Audio Descriptions for HTML5 Video: James Edwards walks you through developing a proof of concept accessible video player with audio descriptions.
- WordPress 3.6 Beta 2: Released this week, the latest beta version of 3.6 contains an updated Post Formats UI, bug fixes, and other updates. Test it out, and submit any bugs you find in the Alpha/Beta area of the support forums.
- The Most Exciting Feature of WordPress 3.6: Native Audio and Video Support: What many people have been waiting for is finally here, native support for audio and video files in WordPress.
- Using BuddyPress as a Directory: Slideshow of John Hawkins’ presentation at last week’s BuddyCamp Minneapolis 2013 event.
- Curating Content for a WordPress Blog (How I Do It): After moving his blog from Tumblr to WordPress, Nathan Weller discusses his process for curating content, describing the WordPress features and plugins he uses, and shares what can be improved.
What I Found Interesting
- I’m still here: back online after a year without the internet: The past year has not been exactly what Paul Miller expected when he unplugged from the Internet.
And now I’m supposed to tell you how it solved all my problems. I’m supposed to be enlightened. I’m supposed to be more “real,” now. More perfect.
- Google adds remote desktop to Hangouts, lets users simultaneously video chat and troubleshoot: This will be a boon for people who troubleshoot issues on remote desktops, and is replacement for sites like LogMeIn or Join.me.
- Now You Can Buy 3D Printers From Staples: Whoa. Staples will be selling 3D printers in select stores by the end of June, for $1,299 (U.S. dollars). Will you buy one? It’s not on my wish list. Yet.