Welcome to the weekly roundup! Each week I publish some of my favorite resources for user experience, accessibility, WordPress, CSS, HTML and responsive design that I’ve discovered on Twitter and my daily reading.
In this week’s roundup, you’ll discover what to consider as you design for digital millenials, learn how to improve your modal windows, learn how to add multi-line captions to WordPress galleries, and more.
This week’s photo is from Detroit’s 313th birthday celebration in downtown Detroit, where DJs, musicians, and stilt walkers entertained both adults and children.
— Johan Ramon (@johan_ramon) July 25, 2014
- Outstanding Experiences for Digital Natives: Saskia Schippers and Meike Mak explore what you should consider as you design for digital natives, those users who have grown up using technology since they were young.
92% have a Facebook account, of which 20% connect to Facebook before they get out of bed, and 28% connect to Facebook in bed before going to sleep
- Improving the Carer’s Allowance guide: Through user research of the content on GOV.UK, researchers discoverd users just want to learn what they need to know. And changed their content appropriately, resulting in 22% increase in applications made online.
— Léonie Watson (@LeonieWatson) July 23, 2014
- Midwest UX 2014 Registration Opens: I was thrilled to see registration for Midwest UX 2014 in Indianapolis, Indiana opened this week. I’ve attended all three of the past Midwest UX events, and even volunteered at the Grand Rapids event last year. It’s one of my favorite conferences to attend!
- Term of the Week: Taxonomy: In this week’s post in The Content Strategy Term of the Week series, Rachel Lovinger describes taxonomy, why it’s important, and three key aspects to know about it.
- Inclusive Design 24: All the videos from May’s 24-hour online Inclusive Design Global Accessibility Awareness Day have been published, with captions. You’ll find videos on HTML5 and accessibility, remediation of accessibility issues, creating accessible documents with Microsoft Word, and more.
- Nuance Dragon NaturallySpeaking 13 Promises Greater Speed and Accuracy: The new version of speech recognition sofware Dragon is 15% more accurate, faster, provides full text control and supports Accessible Rich Internet Applications (ARIA).
— Elle Waters (@Nethermind) July 24, 2014
- Social media and tech sites must be accessible to everyone: At last week’s U.S. Federal Communications Commission (FCC) event on accessing social media, LinkedIn was the only social media company that attended. Where was Facebook, Twitter, Tumblr, Pinterest, Instagram, and all the other social media companies?
- Modal windows: 10 accessibility tips: If you’re planning to use modal windows in your designs, these tips from Natalie Collins for a clear title, color contrast, keyboard navigation, and more will help you provide a better experience for all users.
- Site Logo: The new site logo feature for WordPress.com sites means you no longer will lose your logo when you switch themes. Note: as of July 25, 2014, 14 themes are supported, but WordPress.com is adding more themes. Check the list for supported themes to see if your theme is included. If not, contact support and ask to have your theme added to the list.
- How to WordPress: What a Difference Seven Years Makes: This month I’ve been updating a WordPress how-to manual for a new employee at one of my clients. I created the client’s training manual seven years, and then did in-person training for subsequent WordPress changes. It’s amazing to see all the changes in the interface over the years.
WordPress community: Breathe and take a step back from themes, salaries, and classifications and appreciate the strong ecosystem you're in.
— David Bisset (@dimensionmedia) July 21, 2014
- Add Multi-Line Captions to WordPress Galleries: My friend Marcy Diaz walks your through the steps for adding multi-line captions to WordPress galleries, including changes to CSS for a TwentyTwelve theme or for a Genesis sample theme.
- Keeping WordPress Secure: The Ultimate Guide: An in-depth review of what you can do to keep your WordPress site secure, from hosting recommendations to installations settings to security plugins, scanners, and more. Personally, I wish people would stop using the “ultimate guide” phrase. There’s never an ultimate guide. Security, like many other technology issues, is a moving target. Wonder if it’s a result of A/B testing?
- RWD Bloat: Does responsive web design mean bad web performance? Dave Rupert takes a look at his own website’s CSS, images, and JavasScript as he investigates responsive web design bloat. Interesting to find out that for every eight lines of CSS Dave writes, one more is needed to make it responsive.
- You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy: Maximiliano Firtman’s article on why responsive web design shouldn’t be your only mobile strategy covers a lot of issues: performance, server-side layers, above-the-fold content, and more. And it caught the attention of many readers. Check the comments for good discussion on the topic between readers and the author.
- A Look At The Current Responsive Design Landscape (And How To Speed It Up): In a follow up article to Smashing Magazine’s post, Brian Krall takes a look at four well-known websites and how they ranked for performance in their responsive design. He also shares some web performance resources you’ll find useful to help you speed up your site.
- Responsive Images: Use Cases and Documented Code Snippets to Get You Started: Great article from Opera on what to consider as you begin using the
pictureelement and the new attributes for the
imgelement for your responsive images.
CSS and HTML
- Responsive-Friendly CSS Columns: Using
column-gap, and several other
column-properties in CSS, you can create responsive columns, but be aware of the limitations, says Katy Decorah.
- Ten CSS One-Liners to Replace Native Apps: Håkon Wium Lie, father of CSS and Chief Financial Officer of Opera, discusses CSS Figures and their uses.
- 8 Tips to Help You Get the Best out of Sass: Cathy Dutton shares tips and markup for improving your Sass. I like that she shared both good and bad code examples.
What I Found Interesting
- 800+ Free High-Quality Photos All in One Place: Each week there seems to be another post about free high-quality photos resources, so here’s another one for you: Pexels. What I like about Pexels: copyright-free public domain photos that are easily searchable.
- Can a few well chosen words improve inclusivity?: Interesting results in the diversity of applicants when a few words are changed to describe a job opportunity.
- How to Get Out of a Bad Habit: Scott Berkun says rather than trying to figure out how to get rid of a bad habit, we should be asking how to get into a good habit. First place to start: accounting. Track your data. Become aware of what your habits are.