Welcome back to another weekly roundup of resources for your web projects. This week you’ll learn about the new HTML5 template tag, find out how to put your website pages on a diet, get advice from usability guru Steve Krug for your website, and more.
This week’s favorite tweet of the week is a shoutout about one of my pet peeves about blog posts, from my friend Stef Sullivan Rewis:
Google is not your user/reader. Trying to hide the date so Google thinks you’re fresher—or whatever you’re doing—does not help your readers.
— Stef. Sullivan Rewis (@stefsull) May 17, 2013
CSS and HTML
- Introducing the new HTML5 template Tag: Using the new HTML5 template tag, you can define HTML markup fragments as prototypes.
- Learn to Count with CSS: Using CSS counters, automatically add numbers to web page content, without using ordered lists.
- How to use the flexbox layout method (part 2): In the second post in the series, Sam Piggott highlights how to organize and resize responsive elements and how that can affect your project workflow.
- Putting Your Site on a Diet: Retina display, videos, responsive web design, you name it, our web pages have become heavy. Learn how to improve performance on your web pages.
- 17 New Best Responsive Frameworks: If you’re looking for a responsive framework for your next web project, check out this collection from Smashinghub. Quite a few frameworks I’ve never heard of.
If you guys are using responsive images hacks today, please answer this short survey: wil.to/56 We need use-case data!
— Yoav Weiss (@yoavweiss) May 17, 2013
- Could Mobile Responsive Website Design Hurt Your SEO?: In this Copyblogger article, Jerod Morris highlights the four C’s as he discussed why you should use responsive design for mobile devices.
- Mobile User Testing with Reflector & UX Recorder or Magitest: Matthew Niederberger, Digital Insights and Analytics Manager at Philips, walks you through his mobile testing setup using an iPad, laptop and two apps. I didn’t know Reflector, an app that displays your iPad screen on your laptop, was available for both Mac and Windows.
- A Look at Flat Design and Why It’s Significant: Are you a fan of flat design? Luke Clum argues flat design makes a site functional and beautiful. Good discussion in the comments, with some saying it doesn’t work for digital interfaces. Your thoughts?
- Can Card Sorting Improve the Usability of Your Designs?: Card sorting is one of my favorite usability techniques. Have you used it to improve your designs?
- Interview with UX Expert Steve Krug: The folks at Rosenfeld Media interview usability guru Steve Krug about about UX tactics and DIY usability. His advice for those who have money to hire a usability professional? Have them do an expert review and coach your team.
- How cognitive science and user empathy powered Google’s design breakthrough: Google has transformed itself from a company whose design was based on data to one that has implemented a user-focused design strategy.
- Should Web Development Books Include Accessibility?: Take this poll and share your feedback on whether web development books should include accessibility merged in the content, as its own chapter, or not at all. I suspect you can guess which option I chose.
The fact that you don’t need an href for your <a> is a dead giveaway that it shouldn’t be an <a>. It should be a <button>. #a11y
— Zoe M. Gillenwater (@zomigi) May 17, 2013
- The Gamification of Accessibility, Round 1: Lessons Learned: Love this. For Global Accessibility Awareness Day, North Carolina State University served up a contest for its campus units to see which ones could fix the most accessibility issues on their web pages.
- Tutorial: Replacing Cynthia Says in the Web Developer Toolbar: Whoa, I didn’t realize Cynthia Says used a CAPTCHA on their testing page. If you’re a user of Chris Pederick’s Web Developer Toolbar in Chrome or Firefox, and like to use the Validate WAI and Validate Section 508 features to test accessibility on your web pages, follow these instructions from Karl Groves to replace Cynthia Says with a link to the WAVE tool.
- Time delay to live programmes proposed to aid subtitles: To improve the quality of subtitles, UK broadcasting watchdog OFCAM is proposing a time delay of live programs.
- Migrating A Website To WordPress Is Easier Than You Think: Definitely a site worth bookmarking. Excellent resource on how to migrate a website to WordPress.
- A 10 Year Visual History of WordPress.org: WPMU shares a visual walkthrough of how WordPress has changed over the past ten years.
- Jumpstarting Your WordPress Development Process with BackupBuddy: While WordPress professionals know BackupBuddy as a method for backing up and moving sites, you can also use it to package your customized WordPress development install.
- An In-Depth Overview of WooCommerce 2.0: The recent update of the WooCommerce plugin brought many new features including a new orders screen, inline star rating display and many more. Nathan Weller discusses the new features and highlights the benefits and disadvantages of the new version.
What I Found Interesting
- The Art of the Five-Minute Favor: Do you get more joy from giving than receiving?
- The CodePen Intro Cartoon: Need help understanding CodePen? Check out this video.
- Find a Quick Exercise Routine You Can Actually Stick to This Weekend: Find a routine that works for you, whether it’s a seven-minute routine, 20-minute interval training or a routine that uses your own body weight.