August 4, 2013: Weekly Roundup of Web Development and Design Resources

first_imgHow I came to grudgingly accept aria-hidden: As a staunch opponent of aria-hidden, Mozilla accessibility engineer Marco Zehe shares how using aria-hidden in Firefox OS solved problems and changed his mind. In this week’s roundup you’ll learn how to create a CSS transition with a minimum amount of code, find out about responsive and mobile testing resources, learn five lessons about user experience from a comedian and more.If you’re new to my blog, each week I publish a post with CSS, HTML, responsive design, user experience, accessibility, and WordPress resources I’ve read and found useful in the past week. The weekly roundup started when my social media followers kept saying they loved my resources, but would rather have them in one place. This post highlights some of those resources.Favorite TweetIf people only know you by what you stand against, you keep them from the beauty of what you stand for.— A-A-Ron (@aaroni) August 4, 2013CSS and HTMLThe Minimum Code for a CSS Transition: While it’s possible to create a CSS transition by setting only one property, be aware of performance and user experience issues.Re-visiting the secret power of block formatting context: In a guest post on Nicole Sullivan’s blog, Fiona Chan explains block formatting context, a lesser known technique, with both slides and video. The video is well-worth six minutes of your time (wish the video had captions and transcript). Responsive DesignTechniques for mobile and responsive cross-browser testing: An Envato case study: Great resource. This excellent collection of debugging, testing and inspection applications, sites and browser features from Envato will enable you to more easily test your mobile and responsive sites.How to test responsive designs for free: The timing of this post along with the previous one from Envato is uncanny. If you need more resources for testing your responsive designs, here you go. Mark Boulton on grids and responsive web design: In his .net Magazine interview, Mark Boulton discusses where he finds inspiration, prototyping strategies, grids, and advice he would give to a young designer.User ExperienceDesigning for Readability: Technical limitations don’t hold designers and developers back any longer. Useful tips on measure, scale, ligatures and hyphenation. An Unexpected Interaction: When you visit a garden and touch a carrot do you expect it to giggle back at you?Five User Experience Lessons from Seth Rogen: My friend Steve Tengler continues his series on user experience lessons, this time focusing on comedian Seth Ragen. Loved his reference to The Simpsons and the costs of user experience.AccessibilityThe Story Behind the BBC Mobile Accessibility Guidelines: Henny Swan, senior accessibility specialist at the BBC, explains how their team want about developing the guidelines and their goal todevelop technology-agnostic standards and guidelines with technology specific techniques WCAG 2.0 sceptics: should we be afraid?: Scott Hollier of Media Access Australia responds to André Pimenta Freire’s thesis conclusion that complying with Web Content Accessibility Guidelines (WCAG) 2.0 is ineffective in providing more accessible websites for users who are blind or print-disabled.WordPressWordPress 3.6 “Oscar: Yay! Excited the latest version of WordPress, 3.6 named Oscar to honor Oscar Peterson, was released last week. And with it, the new Twenty Thirteen theme.WordPress 3.6: What’s new, and why it matters: Review from Morten Rand-Hendriksen, who creates many of the Lynda.com WordPress tutorials, covers the custom menu changes, revisions, post locking, and modal login as well as the new Twenty Thirteen theme. Have you upgraded your sites to 3.6?How to Duplicate Content: If you insist on doing it, or your client insists, here’s one method to duplicate content, without multisite. I love the caveat Mika gives at the beginning of her post:100% duplication of content on multiple sites is bad.A Sustainable Business: WooThemes announces a change in their business model, including:New pricing model (dropping their unlimited pricing tiers and instituted a 25-site license tier)Consolidated licensing systemCapping support and updates to one year after purchase, with option to extend It’s far easier to criticize than create. #prototyping #ux #ui— Dane Cruckson (@iamam0nster) August 4, 2013 The Magic Potion of Newsletters: WordPress, Gravity Forms and MailChimp: My friend Rebecca Gill of Web Savvy Marketing explains how she configured the three tools to send out her weekly newsletter without a lot of effort, and how happy she is with the results.What I Found InterestingMoto X:  The new Moto X smartphone announced last week by Motorola, now a Google company, has captured my curiousity.  The phone will be available later this summer for $199 on contract, and features something no other smartphone has offered: the ability for you to customize it’s look.10 points to consider when redesigning a website: Practical questions about legacy data, codebase, information architecture, business cases and more will help you in your next redesign review.Five Best Online Backup Services: If you’re looking for a new backup service for your digital files, this Lifehacker review does a good job of explaining key features and costs. I’ve used several of these backup sites, which one do you like?Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to print (Opens in new window)Like this:Like Loading…RelatedWeekly Roundup of Web Design and Development Resources: June 13, 2014Welcome to the weekly roundup! Each week I gather resources for user experience, accessibility, WordPress, CSS, HTML and responsive design and compile it in my weekly resource post. In this week’s post, you’ll learn about a great collection on online user experience tools, find out what the future is for…In “Web design & development links”April 14, 2013: Weekly Roundup of Web Design and Development ResourcesMy spring flowers think it’s time to bloom, but we continued to have cold weather and snowflakes in southeast Michigan this week. I hope spring in your area is a lot better than mine! This week’s collection of resources includes an excellent post on the advanced features in CSS flexbox,…In “Web design & development links”June 23, 2013: Weekly Roundup of Web Design and Development ResourcesEvery week I post a roundup of new web development and design resources I’ve learned about from the blogs I read and the people I follow on Twitter. This week’s roundup of resources highlights the recent W3C draft of the CSS Shapes Module, presentation and notes from last week’s UX…In “Web design & development links” At the risk of saying something unpopular, as digital accessibility professionals, demanding 100% perfection doesn’t win allies.— Jennison Asuncion (@Jennison) August 1, 2013last_img