Welcome to my weekly roundup of web design and development resources. I hope you had a great week. I have to say I’m glad April is over. Looking forward to a warm and spring-like May in southeast Michigan.
In this week’s roundup you’ll learn about the risks for horizontal scrolling on the desktop, strategies for mobile usability testing, how to work with CSS shapes, why web accessibility matters, and more.
Today’s photo is taken from my front courtyard. Just over two weeks ago we had snow and 15 degree temperatures. I’m glad to see the spring bulbs blooming!
- Beware Horizontal Scrolling and Mimicking Swipe on Desktop: Despite more site using horizontal scrolling, Nielsen Norman Group studies show users are reluctant to move sideways through content. Risks on the desktop for horizontal scrolling can be mitigated by employing different strategies to make it easier for users to access the content.
- How Tech Companies Can Take Advantage of Fresh Eyes During Onboarding: Stef Miller from UserTesting.com takes a look at how technology companies can learn about their websites from onboarding strategies with new employees.
— ʀᴀsᴍᴜs ᴋᴀʜʟ (@ErasmusKahl) May 2, 2014
- Mobile Usability Testing: Barry Biggs shares the results of his investigation into combinations of simple, lightweight guerrilla mobile device testing hardware and software. Have you used any of his testing setups?
- What is web accessibility, and why does it matter?: Claire Brotherton’s overview of web accessibility is spot on, highlighting types of disability, the importance of an accessible website, the online needs for people who have disabilities, and how you can ensure your website is accessible. Great resource post by Claire.
- Using WAI-ARIA in HTML: If you’re a developer trying to learn how to add accessibility information to HTML with ARIA, this updated W3C guide (editors’s draft released today) from Steve Faulkner is the place to go.
- Ai Squared and GW Micro Join Forces: If you missed the news earlier this week, Ai Squared and GW Micro, assistive technology companies building products for vision-impaired users, have merged. They will continue to develop and support the ZoomText screen magnifier and Window-Eyes screen reader.
— Robyn Hunt (@AccEase) May 2, 2014
- Free Captioning til May 15, 2014: In recognition of Global Accessibility Awareness Day on May 15, Captioning Works is offering free captioning for one-minute or less videos. This is your chance to get your short videos captioned; I encourage you to try it out!
- WordPress 4.0 Kicks Off Development Today, Helen Hou-Sandí to Lead Release: Work has started on the WordPress 4.0 release and Helen Hou-Sandí will take on the release lead role.
- Reflections from WordCamp Austin 2014: Five team members from iThemes share their thoughts about last week’s WordCamp Austin, talking about their favorite sessions, the community, and networking with other attendees and speakers.
- How to Embed Video in WordPress 3.9: Did you know the latest release of WordPress allows you to automatically embed responsive HTML5 video directly into the WordPress editor?
- WordPress 3.9+ TinyMCE 4 Tweaks: Adding Styles, Buttons, Fonts, Drop-downs & Pop-Ups: With the new TinyMCE version 4.0 in WordPress core, you have some cool functionality you can in your theme or plugin.
- Responsive Design Begins With the URL: Dave Marland explains the importance of information design when it comes to responsive web design for the British Broadcasting Company (BBC) Programmes website.
- Web Fundamentals: A work in progress from Google Developers. their online handbook of best practices for building great multi-device web experiences looks to be a comprehensive learning resource. It walks you through the steps of creating a responsive product landing page.
Is the trend toward putting “MENU” text under a hamburger icon being referred to as “hamburger helper” yet?
— Mat Marquis (@wilto) April 30, 2014
- RESS and Responsive Design Survey: Can you help out Brendan Falkowski by completing his quick online poll? He’s looking for feedback for a talk he will give in June about Responsive Web Design vs. Responsive Design + Server Side Components (RESS). He’s hoping to find more real cases/platform examples.
CSS and HTML
- CSS Shapes 101: Sara Soueidan explains how CSS Shapes work and how you can start using them to change content flow around a shape. Though CSS Shapes is only supported in Webkit Nightly and Chrome Canary, the properties and syntax are considered stable, and hopefully other browsers will have support for CSS shapes soon.
- Flexbox: The Next Generation of CSS Layout Has Arrived: Nick Pettit gives a great introduction to using Flexbox, with a step-by-step explanation of the code and markup of a sample page.
What I Found Interesting
- Net Neutrality: A Guide to (and History of) a Contested Idea: Trying to understand what Net Neturality means, but getting confused? This guide and background will help clear up your confusion.
Never come to conclusions about people.
We are all in process.
I wish to keep these words in my head at all times.
— Adam Avenir (@adamavenir) May 2, 2014
- The Power of Every Word: Why I Stopped Using “Actually” and “But” In My Customer Service Emails: I loved this article when I read it, and hope to remove the two words from my writing and speaking. It’s a work in progress.
- Easy Mobile Browser Testing with Chrome Emulation: Did you know the Chrome browser had an emulation mode? Check it out.