With three meetups and a conference this week (I’m attending WordCamp Phoenix this weekend), it’s been a busy week for me. Hope you’re staying busy and that your work and projects are going well.
Today’s photo is the morning view from the venue for the conference.
This week’s roundup of web design and development resources brings you an interview with author Steve Krug about the release of his latest usability book, news of a free screen reader product, tutorial on how to create a job board in WordPress, and more.
Unfortunately, there’s no favorite tweet this week. Since Twitter updated their API this week, embedded tweets aren’t working in WordPress. Yes, they’re troubleshooting the issue.
Instead I offer you this Washington Post article about the US Federal Appeals Court striking down the Federal Communications Commission’s (FCC) net neutrality rules this week, which blocked Internet providers from blocking or charging different rates for delivering content to consumers.
- Why I Wireframe in Pencil: You can spend so much time setting up a template in the various wireframing applications that you lose sight of the design you had envisioned. Sketching with a pencil is immediate, doesn’t require any setup time, and lets you decide how detailed or rough the wireframe will be.
- Eye Tracking: How Your Eyes Move on a Website: This infographic from Crazy Egg and Simple Grain shares some really interesting results from Crazy Egg analysis of the paths the human eye takes as it looks at a web page.
- Everyone Can Now Track Down Noisy Tabs: Thank you Chrome development team for fixing one of the most annoying things for me in the browser: figuring out which tab is playing sound. In the latest Chrome version, you can quickly scan your browser tabs for a speaker, recording or casting icon to identify the “noisy” tab.
- Insider Interview: Steve Krug (Part 1): Steve Krug, author of Don’t Make Me Think, is interviewed about the latest edition of his classic usability book. I have the
threetwo previous versions of his book, and yes, I plan on purchasing the latest version.
- GW Micro Announces Global Window-Eyes Initiative for users of Microsoft Office: Amazing news from GW Micro who has partnered with Microsoft to make their Window-Eyes screen reader product available to users of Microsoft Office at no cost.
- Specification for an accessible video/media player: Graham Armfield shares his wishlist for an accessible video/media player, and highlights seven players he’s going to test.
- A Web for Everyone: Congrats to Rosenfeld Media, Whitney Quesenberry and Sarah Horton on the launch of their new book “A Web for Everyone”.
If you are in charge of the user experience, development, or strategy for a web site, A Web for Everyone will help you make your site accessible without sacrificing design or innovation.
- Bulletproof Accessible Icon Fonts: The Filament Group discusses their lessons learned about font icons, how to manage font icons when @font-face isn’t supported, and offer their bulletproof method of using font icons in an accessible manner.
- Twitter Auto Embeds Not Currently Working in WordPress: This week’s change in the Twitter API affected the ability to auto embed tweets in WordPress. The problem has been reported and the core WordPress team is troubleshooting the issue.
- Google Releases Its First Plugin for WordPress: Sarah Gooding gives a quick overview of the newly released Google Publisher plugin (beta version) which allows you to add AdSense ads to your site and verify your site with Google Webmaster Tools. Check out John Saddington’s A Quick Visual Guide to Google Publisher Plugin for WordPress for a walkthrough on using the plugin to set up AdSense ads.
- How to Easily Create a Job Board in WordPress, No HTML Required: Using the WP Job Manager plugin, you can easily create a page for job listings, submitting jobs, and have the ability (with add-ons) to have users pay in order to submit a job listing.
- Some FAQs About the Genesis Framework, StudioPress Themes, and 3rd Party Themes: Great timing on this post from Carrie Dils discussing StudioPress themes, parent themes, child themes and upgrading themes. One of our Metro Detroit WordPress group members asked about StudioPress and child themes at this month’s meetup. I explained the difference, but Carrie’s FAQ provides more background.
- A More Modern Scale for Web Typography: Jason Pamental recommends you use a responsive relative scale for your typography in responsive web designs, one that accounts for proportions and rhythm.
don’t let a single-scale approach across devices result in gangly, oversized headers; unreadably undersized body text; and odd looking spacing between the two.
- Responsive Design Isn’t Good Enough: It‘s not just responsive design techniques you need to be concerned about, you need to know your goals and have a purpose-driven site, says James Stout. Good discussion in the comments.
CSS and HTML
- PSD to HTML Dead?: Are you creating your web designs in Photoshop PSDs or taking advantage of the features in CSS to create designs?
- When to use target=”_blank”: As you probably know, using target=“_blank” breaks the back button in browsers, but that hasn’t kept web designers and developers from using the attribute that controls what happens when a link is clicked. Chris Coyier shares his thoughts on when and when not to use it.
- Getting Started with Sass and Breakpoint Mixin: If you‘re getting started with Sass, these tips for breaking up your Sass files will make it a lot easier for you.
What I Found Interesting
- How to filter Google image searches by usage rights: While Google previously had the feature to search images by usage rights, it’s now a lot easier to do. Check Google Help to learn about the different license and usage options.
- Deeper History Searches the Contents of Visited Pages, Not Just Titles: Remember that site with a comment including a resource you wanted to follow up on, but you didn’t bookmark? The Deeper History Chrome extension can help you find it. Rather than just searching for the title of a post, Deeper History can search the text on the page you were viewing.