If you’re new to my blog, each 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 a helpful resource for duplicate CSS declarations, the new Women of WordPress community site, questions to ask before choosing an automated accessibility tool, and more. Which resources did you find most helpful? Share your thoughts in the comments.
There's lies, damn lies, and eye tracking data.
— Jared Spool (@jmspool) June 27, 2013
CSS and HTML
- Brackets Live HTML Prototype Demo: Live Development for HTML is coming soon in Brackets.
- How soon should flexbox replace float in the web education curriculum?: Tech writer, author and instructor Virginia DeBolt wants to know if instructors are including flexbox in their web design curriculum. Are you teaching web design? If yes, share your flexbox approach in the comments of Virginia’s post.
- css css: Useful tool from Zach Moazeni, css css is a redundancy analyzer that analyzes your stylesheet and informs you which rulesets have duplicate declarations.
- 5 Tips to Design Email Marketing Landing Pages Perfectly: Some of the tips may seem like good common sense to you, but the one tip I wish more email marketing landing pages included is the multiple ways to contact the sender. Respect your readers preferences and provide more than one option to reach you.
- An Event Apart: The Map Is Not The Territory: Notes from Luke Wroblewski of Ethan Marcotte’s presentation at An Event Apart Boston MA 2013. Marcotte shared his thoughts about what we’ve learned about responsive design, how the audience reshapes what we think about the web, and what the future holds.
- The Layered Look: Better Responsive Images Using Multiple Backgrounds: In his guest post on CSS Tricks, Parker Bennett explains his responsive image approach using multiple backgrounds and faking “lowsrc”.
- Talking Responsive Web Design with Russ Weakley&mspace;the Transcript: In last week’s SitePoint Talk with The Experts session, Russ Weakley talks about responsive design, responsive framesworks and how to explain the return on investment with responsive design to clients.
- How to Fail at UX in 3 Steps : In a recent survey, 80% of companies believe they met their customers’ needs while their customers said only 8% of the firms delivered. Yikes! In this three-minute video, Gretchen Thomas, user experience director at Baden Rutter, explains how UX professionals are missing out on making things better for customers.
- Book Review: Designing Together: In his review of Dan Brown’s new book Designing Together, Scott Berkun points out the chief reason design projects fail: the inability for designers to work with each other, or with other people.
If you want to make great things, get excellent work and constructive feedback from your coworkers and finally achieve everything your talents make you capable of, that quest starts with Designing Together.
- Using Scenarios to Design Intuitive Experiences: Jared Spool interviews Kim Goodwin about her upcoming workshop at the User Interface 18 conference. Good insights from Kim about project requirements. Listen to the podcast or read the transcript. Loved her response about designers waiting for requirements:
Why the heck are you waiting for someone to hand you requirements, instead of driving them yourself?
- Sketching for Better Mobile Experiences: Lennart Hennigs explains that sketching is a communication tool as well as a collaboration tool in this Smashing Magazine article. Good tips on sketching mobile experiences; the article walks you through convergent sketching, creating UI workflows, and the steps involved in a typical sketching session.
- Choosing an Automated Accessibility Testing Tool: 13 Questions You Should Ask: If your organization is looking for an enterprise-level automated accessibility testing tool, Karl Grove’s set of 13 questions will guide you in comparing competing products.
- SkipTo: A replacement for the “Skip Nav link ”, this script from PayPal will add a drop-down menu with links to important sections on a web page. Keyboard and screen reader users can quickly navigate to sections on a web page by choosing from the option list.
- Accessibility Features: Want to know what accessibility features are available in Blackboard Learn? Instructors can check out Blackboard’s official tips on how to make course content accessible to all students. Key points:
- All non-decorative images must have meaningful ALT text
- Video must have captions
- Create attached files with semantic structure, using headings and lists
- PDF files must be properly tagged (the originating document needs to be created correctly to support tagging)
- Provide clear instructions to students regarding class expectations and assignments
- The WAI to Web Accessibility: Did you get the pun in the title of the webinar? Sign up for this free July 16 one-hour webinar, hosted by Sharron Rush from Knowbility, to learn about the free WAI resources to help you expand your accessibility knowledge.
- Women of WordPress: Announcing the Women of WordPress site, Stephanie Leary invites all women working with WordPress to get involved with the new community site. Are you a woman looking to start your own WordPress business, become a meetup speaker, or WordPress developer? This is the place for you!
- Understanding WordPress Plugins and Widgets: In the 17th post of his “20 Secret Blogging Tips in 20 Days” series, Mike Mullins explains the difference between plugins and widgets, how to add them, and what he recommends works best for your site.
- WordPress Town Hall @WCCHI 2013: WordPress co-founder Matt Mullenweg held a town hall at this weekend’s WordCamp Chicago 2013 conference. Check out this Storify for what attendees had to say.
- How to Pick the WordPress Plugin with the Best Support: What should you expect or look for when selecting a WordPress plugin? This post from WPEngine points out several key factors to consider, including:
- The plugin is published in the WordPress.org Plugin Repository
- Instructions for complex setup, including screenshots
- The frequently asked questions are well-documented
- Users post positive reviews
What I Found Interesting
- Wrangle Your Cables with Paper Towel Tubes: Love it. A simple, easy, and inexpensive way to manage the cables behind your desk.
Easily add comments with Adobe Reader Mobile:
4 quick access to commenting tools in Reader Mobile, press & hold to select text. Then you get highlight/strikeout/underline options.
— Adobe Acrobat (@Acrobat) June 28, 2013
- Front-Load Your Week + 3 Other Stress-Busting Time Management Strategies: Good tips for feeling you’re in control. The one I like best: set an end-time.