This week’s resources include an interview with web designer Chris Coyier, a short video from Microsoft on Windows 8 tablet accessibility, an excellent guide for user experience benchmarking, and more.
Hope you find the resources helpful in your projects.
- New Pure CSS3 Progress Bars: Using the tutorial from Chris Coyier as a guide, Kenny of InWebSon shares his code and markup for a progress bar with CSS3 background gradients and animation.
- 3 Quick Ways to Show Attention to Detail in Web Design: From Design Shack, how a few small changes in styles can help improve your design.
- An Introduction to the CSS Flexbox Module: First I heard about CSS flexbox (it’s a working draft). Check out these examples and be sure to review When Can I Use to learn what browsers support flexbox.
- Swatch Book with CSS3 and jQuery: Using CSS transforms, transitions, and jQuery, this tutorial from Codrops shows you how to build a simple swatch book.
- An Interview with Chris Coyier: Agota of 1stwebdesigner interviews Chris Coyier, founder of CSS Tricks and co-author of Digging into WordPress. Chris is one of my favorite designers. He’s remarkably accessible and always sharing his tips.
- 25 Interactive HTML Websites That Look Like Flash: Roundup from Line25 of some great looking sites using HTML5.
- What Marketers Need to Know About HTML5: Does it surprise you to learn 48% of developers are using HTML5? Or that 70% of browsers now support HTML5?
- Visualizing Browser Accessibility Bugs: Steve Faulkner of The Paciello Group makes “it real” by showing examples of two outstanding bugs affecting assistive technology.
- Windows 8 Tablet Accessibility (video): Short (two 1/2 minutes) video with Doug Kirschner, Program Manager of the Microsoft Human Interaction Platform Team discussing accessibility features in the Windows 8 tablet.
- The Case of the ‘Inaccessible” Accessibility Report: More education and training obviously needed as the UK office releases a report about disability that is itself inaccessible.
- Closed Captioning Not Provided: Short history of TV captioning and explanation of the issues behind the National Association of the Deaf suit against Netflix.
- The Beginners Guide to UX Benchmarking: From UserFocus, six steps to benchmark your user experience designs.
…the value of good design lies in the business benefits: good design creates more successful products
- Overhauling a UI Without Upsetting Current Users: Good tips on how to manage updates without causing a backlash from users.
- The Case for Responsive Web Content: It’s All About the Users: Don’t take sides in the separate mobile site vs. responsive controversy, says Christiaan Lustig. Use task analysis to understand your users’ needs.
- Facebook’s Email Debacle And Resulting User Backlash: Facebook learned quickly it’s not nice to change a primary email address on a user, without warning. Not unexpected, Facebook initially blamed the issue on user error, before following up with additional details.
- Simple Steps To Visually Increase Interest In Your Blog Posts: Good reminders on how to improve your post content with chunking, adding interest with images, headings, bulleted lists and links.
- Tips for a Finely Crafted Website: Five tried and true techniques to improve your website and provide a better experience for your users.
- Writing Effective Documentation For WordPress End Users: Excellent guide from Siobhan McKeown for writing and managing WordPress documentation. Siobhan points out the importance of having a process in place. Loved her comment:
If it isn’t documented, it doesn’t exist.
- WordPress Backup To Dropbox: Here’s another free backup option that will backup your website or blog’s database and files. Options include where you want to save the backup on Dropbox, and what files or directories to exclude for backup.
- Twenty Twelve Theme Preview: Catch a sneak peek of the Twenty Twelve theme expected for the 3.5 release later this year.
- Master the WordPress Loop: A step-by-step guide from .net Magazine. Check the comments regarding using query_posts.
- WordPress Responsive Design Alternatives: A discussion of the pros and cons of serving users with a static width site, separate mobile site or mobile site by Clifford Paulick.
- WordPress Innovation: Would Benjamin Franklin Be Impressed?:
In many ways, WordPress is a science that calls for discipline and stewardship. Those who think otherwise should go fly a kite, or as they would probably say, “play in lightning.”
What I Found Interesting
- 181 Google Tips That Will Save You Time: I can always use more tips on how to use Google. Ignore tip #38 – guess the author wasn’t aware iGoogle is being phased.
- 27 Tools Our Design Company Couldn’t Live Without: Great resources in this list of tools from design company Digital Telepathy.
- Best New Features in Dreamweaver CS6: If you haven’t upgraded already, check out this post highlighting a few of the great features in CS6.
- How Can Designers Earn Passive Income? (and more!) Chris Spooner asks the question, and his readers provide tips on how to earn passive income.