This week’s roundup is one of my favorites, it has many resources I’ll be implementing on my site as well my client sites. Learn all about the table element from Chris Coyier’s comprehensive guide, discover why responsive email design is important, find out about optimizing user interface icons, and how to improve your company blog. Enjoy!
— Jessica Kerr (@jessitron) September 20, 2013
CSS and HTML
- A Complete Guide to the Table Element: Chris Coyier has written one of the most comprehensive explanations of the table element. Syntax, code examples, accessibility, sorting; this post has it all. Thank you Chris, great resource.
- Normalizing Designs for Better Quality CSS: Slides from Harry Roberts’ presentation at this month’s CSSconf.eu conference. Key takeaways: Keep frontends lean, scalable, sane and maintainable, focus on performance, write less code, make compromises for the sake of build quality.
- An Introduction to Topcoat: A new open source CSS library from Adobe, Topcoat is currently in beta, and focuses on improving performance. Anyone used it yet? Share your results in the comments.
- Addressing The Responsive Images Performance Problem: A Case Study: Anders Andersen and Tobias Järlund share their padding-bottom technique which they implemented on the Swedish news website Aftonbladet. Check the discussion for comments, and alternatives.
- Why Responsive Email Design is More Important Than Ever: With a recent survey of 250 million people showing 47% of messages are opened on mobile devices, designers need to focus on providing the best user experience for those devices. This article gives an overview and discusses the issues involved with supporting popular mobile platforms as well as legacy email applications.
- Introducing Responsive Web Typography With FlowType.JS: Getting the best line length across multiple screen widths can be tricky. The FlowType.JS plugin offers a solution for better readability.
- Why iOS 7 forced developers to redesign their apps for experienced smartphone users: Apple’s new iOS Human Interface Guidelines allow developers to target users who no longer had to be instructed on how to use a touch-based phone. While the guidelines streamlined work, it changed the flow of applications, causing additional work by developers.
- Optimizing UI Icons for Faster Recognition: Longer read, but very much worth your time. I had no idea what semiotics was about, but after reading this article, I have a better understanding of signs and icons. And that it’s easier for users to recognize icons by their resemblance to the actual item, rather than by symbols.
Love that moment when we question a long-standing practice and no one in the company can rationalize its existence. #ux
— Danielle Arvanitis 🇨🇦🇺🇸 (@_dmaux) September 17, 2013
- International Design for Experience Awards Web Launch: The Design for Experience Awards are open for nominations. Since the goal of Design for Experience is to help others master their field, one of the criteria for an award is how the practices can help teach others to become better at designing for experience. Nominate your favorite product, service or team for one of the 24 different categories.
- Kate Kiefer Lee–Voice and Tone Live!: If you missed UX Thursday Detroit in June, listen to (or read the transcript) of MailChimp’s Kate Kiefer Lee’s closing keynote presentation. I attended the event, Kate’s presentation was very helpful, with case studies of how voice and tone affect websites, applications, email newsletters, and more.
- Open Captions for US Open: What a difference live open captions make for an attendee at this month’s U.S. Open tennis tournament in New York.
- Don’t Disable Pinch to Zoom: Does it drive you crazy to not be able to pinch and zoom on your mobile device? I know it frustrates me. Jamie Knight shares two reasons for not disabling pinch to zoom.
Pro tip for iOS 7 users: if you find the new font hard to read, go to General settings, tap “Accessibility,” then enable “Bold Font.”
— Eric Shepherd (@sheppy) September 19, 2013
- Happiness Engineers Deliver ARIA Joy: If you’ve been wondering how to add ARIA roles to your WordPress child theme, here’s how to do it.
- Guide to iOS 7 Accessibility Enhancements: Kathy Wahlbin of Interactive Accessibility describes the new hearing, learning and motor accessibility features in iOS7.
- Top 10 Free WordPress Plugins of the Month–September 2013: The timing for this post couldn’t have been better. One of our Metro Detroit WordPress meetup members was asking about adding PHP to posts; the PHP Code for Posts plugin allows you easily add PHP with short codes. Check out the other plugins for managing social media, widgets and customizing pages on an individual basis.
- SEO Slides: Easily embed presentations in your WordPress post or page, and have each slide optimized for search engines with it’s own unique URL using SEO Slides. I’m very excited about this beta plugin, but be aware it doesn’t support Internet Explorer. Yet.
- How Do You Manage WordPress.com Account Use On Multiple Sites?: Do you use your own WordPress.com account? Or do you set up a WordPress.com account for each of your clients? Sarah Gooding discusses the pros and cons of each approach.
- Notes from WordCamp Albuquerque 2013: Thanks to my friend Virginia DeBolt for her notes from last weekend’s WordCamp Albuquerque 2013. Get tips for building traffic for your blog, how to transition from a designer to a developer, and more.
What I Found Interesting
- When Tech Turns Nouns Into Verbs: Today’s smartphone is an Internet browser, map, instant messenger, camera, and oh, yes, can make phone calls.
What will it mean to live in a world where any device, even perhaps a hammer or a lamp, is potentially a two-way object, perpetually concerned with optimizing itself with me?
- Creating a Corporate Blog That Sells: My friend Rebecca Gill has written a great guide for businesses considering adding a blog to their website, including a list of 21 quick fixes.
- How to make your entire Internet life more secure in one day: Have you taken the steps to encrypt your email, securely backup your files, or use a password manager? If not, here’s the lowdown.
- 10 Time-Saving Tips For The Busy Blogger: Another resource for getting your blog posts published, this one from Syed Balkhi, who I met last month at WordCamp Columbus. Make time to write, have a place to store ideas, and remove distractions are a few of the suggestions.