In this week’s roundup, you’ll learn about the HTML5 proposed
picture element, find out why consistent language matters, discover how you can attend two full-day conferences for free, and many other resources for your web projects.
If you haven’t seen my previous posts, each week I share some of my favorite resources for web design and development, with a focus on CSS, HTML, responsive design, accessibility, user experience and WordPress. Which resource did you find useful? Let me know in the comments.
The classic red Corvette in the photo was taken at this week’s third annual Edward Hines Cruise. I love classic car shows and cruises. If you know what year the Corvette is, can you share in the comments?
If you're not focused on people and their experience then you're not really doing #UX, are you?
— Karl Fast (@karlfast) August 29, 2013
CSS and HTML
- HTML5 : Creating images that look good on retina displays as well as smartphones, don’t consume bandwidth when downloaded on mobile devices, and provide the best image for the device has been a huge challenge faced by web designers and developers. Christopher Schmitt discusses current options in use and explains the proposed HTML5
- Detect Browser CSS Support With @Supports Rule: Currently in the W3C Draft, the
supportrule looks so promising. Unfortunately, only Opera provides support.
- Advanced CSS3 Animation Effects: In his last post in the CSS animations series, Craig Buckler uses his fun Star Wars title page as an example for pausing and restarting animations.
- One Size Fits All: A quick overview of responsive design, this Usability.gov post highlights the key elements as well as the benefits of responsive design.
- An Event Apart: Atomic Design: For a summary of Brad Frost’s Atomic Design presentation at An Event Apart Chicago, check out Luke Wroblewski’s notes. Frost compares the elements we use to create the web (labels, buttons, headers, colors fonts) to the familiar atom, and explains how you can apply atomic design to your own design systems.
- Designing Media Queries: A Few Great Resources: Brad Frost compiled a list of helpful resources for creating media queries the right way.
- 5 Lessons Learned from 10,000 Usability Studies: Good insights and tips from Phil Sharp, senior marketing manager of UserTesting.com. The tip I like best?
If you do only one thing, look at your internal search logs and find the top 10-20 keywords that people are searching for on your site. Search for each of these items yourself to see if you’re happy with the results.
- User Experience Toledo Region Event Sept 12: Thanks to sponsorship by Hanson Inc., web professionals can register to attend the first annual Rosenfeld Mobile UX Summit for free. The virtual conference will be held at Hanson’s Maumee, Ohio headquarters and pre-registration is required. Great opportunity!
— Emily Fernau (@emfernau) August 27, 2013
- Why Consistent Language Matters: Help users understand what services you offer. Develop a brand vocabulary, use standard phrasing and consistent calls to action, says Georgina Laidlaw.
- Accessibility Summit: On September 10, along with my friend Scott Williams at the University of Michigan, I’m hosting a meeting room in Ann Arbor for the online Accessibility Summit conference. The event is free, but you must pre-register to attend. Seats go quickly the week before the event, so register today!
- Motivating Accessibility Change: What encourages designers and developers to create accessible websites and applications? Jared Smith discusses the effectiveness of the six elements in WebAim’s Hierarchy for Motivating Accessibility Change.
— Bruce Lawson (@brucel) August 27, 2013
- Mobile Accessibility: In this 30-minute episode of the Content Matters podcast, Iain Griffin talks with Henny Swan, senior accessibility expert at the BBC (British Broadcasting Corporation), about the recently published BBC draft mobile accessibility guidelines. Swan discusses the guidelines and how they are being used on projects at BBC.
- Adobe’s Accessible Mega Menu: Nice. Adobe releases the code for their accessible mega menu as open-source, and explains how you can implement the menu as a jQuery plugin.
- Ethan Marcotte on web design, accessibility and why it matters to journalists, digital storytellers: In her interview with Ethan Marcotte, Miranda Mulligan of Northwestern University asks Marcotte about his passion for web accessibility and how responsive design aligns with creating a more accessible web.
- Easy Fixes to Common Accessibility Problems: Do you feel overwhelmed about making your website accessible? Start small. For example, consider a video thumbnail image with the video title displaying below the image. Typically, the image and the title point to the same link. With HTML5, you can wrap the image and the title with a single link.
- 9 Women in WordPress You Should Be Following: Yes, there are a lot of women doing great work with WordPress. I’ve met several at the WordCamps I’ve attended, most recently Angie Meeker at WordCamp Columbus earlier this month. Tom Ewer highlights nine women he thinks you should follow. Read the comments for more recommendations.
- What is Tidy Repo?: If you get frustrated trying to find the best plugin in the repository, the curated list in Tidy Repo will make your search easier. Each plugin is personally reviewed and tested.
- Easy WP Guide v2.5 released: Anthony Horton publishes the latest version of his excellent WP Guide, updated with changes for WordPress 3.6 including Page/Post revisions, user interface changes, Menu editor, and more.
- Get WordPress for Developers at 50% Off: Use the special discount code to take advantage of the Apress Labor Day sale, and buy Stephanie Leary’s second edition of her WordPress for Developers book. (Just published this summer. Great book, I’m half-way through it.)
- Women of WordPress Series: Natalie MacLees: I smiled as I read this article about Natalie MacLees, how she came to use WordPress and her continuing work with WordPress events and activities. I met Natalie at WordCamp Phoenix this year when I was the volunteer host for the WordPress 301 workshops. What a gracious, friendly and lovely person. I wrote a Storify story of her WordCamp Phoenix presentation “Setting Up a WordPress Site the Right Way.”
What I Found Interesting
- 500 Words of September: One of the best ways to improve your writing is to write daily. Christina Wodtke is starting her 500-words a day project in September, for one month. Are you in?
- The Web Developer’s SEO Cheat Sheet: I’ve been a fan of Moz’s cheat sheet from the beginning. This version says it’s 2.0, but I remember using it in 2006 or 2007, and I would think it’s been updated multiple times since then.
- Be Like The NSA With These Extreme Mac Security Measures: Who better to provide advice than the National Security Agency (NSA), the United States agency that’s been spying on our personal data? Tips include configuring your settings in Safari, AirPort, System Preferences, and more.