Hope you enjoyed the first week of summer. Did you get to the beach?
Sigh. I didn’t, but I did find many great resources this past week. Also had some fun raising awareness and votes to bring the Build Responsively Websites workshop by well-known developer Ben Callahan to Detroit.
Last Monday, Detroit was in sixth place, way behind Pittsburg in first place. By sharing with Twitter friends and on Facebook Pages, designers and developers in Detroit have steamrolled ahead and are now in first place. Woohoo!
— Deborah Edwards-Oñoro (@redcrew) June 21, 2012
- Lettering vs. CSS-Ligatures: Sara Cannon’s experiment with lettering and CSS.
- Responsive Grid System: The first version of a new strategy for building a responsive grid system. Graham Walker provides all the markup, CSS and media queries for you to download. Would love to hear how you use it.
- 5 Simple and Practical CSS List Styles You Can Copy and Paste: Good coding and style examples to add to your snippets from Design Shack. I found them to be useful; also noticed one of the style snippets didn’t include :focus and :active along with :hover.
- Handy Tutorials & Tools for Embedding HTML5 Video: Though browser support isn’t complete, check out this collection of posts and articles for methods to include video using HTML on your sites.
- Create a Website Using User Interface Packs (PSD to HTML) – Day 1: First article in a step-by-step guide from DesignModo showing the initial markup and style setup.
- Classes? Where We’re Going, We Don’t Need Classes!: Heydon Pickering’s post on Smashing Magazine suggesting classes aren’t needed in CSS brought over 180 comments from readers.
- Off Canvas Multi-Device Layouts: Interesting approach: hide “secondary” content outside of the visible browser window until it’s needed.
- US Judge Rules Netflix Subject to Disability Act: The major accessibility news this week was the announcement that US District Judge Michael Ponsor rejected Netflix’s argument that it is exempt from the Americans with Disabilities Act (ADA). Ponser declined to dismiss the lawsuit brought by the National Association for the Deaf.
Some background may be helpful:
- Netflix refused to include captions in its streaming service, forcing people who are deaf or hearing impaired to purchase more expensive DVD show and movie rentals that did include captions.
- Accessibility Bookmarklets and Tools: If you haven’t created a toolbox of apps for testing accessibility, this is an excellent collection to start with recommendations for checking parsing errors, validating markup, free screen reader and more.
- WordPress and Accessibility: Ensuring Access to the Largest Pool of Readers: Tips for WordPress developers to provide better accessibility in their themes.
- Social media helping autistic children ‘navigate the world’: Read how YouTube changed the life of 13 year-old Jordan Hilkowitz, a young teenager in Ontario, Canada.
- Accessible Web Sites: What Can You Do?: Web designer and developer Joe Dolson’s slideshow overview of the Web Content Accessibility Guidelines 2.0 (WCAG).
- A Beginner’s Guide to Wireframing: Nice intro to wireframing from WPTuts, discussing the basics and highlighting several popular tools and applications including Balsamiq, Omnigraffle, and a new online application Flairbuilder that looks promising.
- Feel UX: If Apple Won’t Innovate The User Experience, Android Designers Will: With the help of design company Frog, the release this summer of the new line of Sharp smartphones demonstrates the opportunities for Android developers to move beyond Apple’s user experience.
- Everything I Needed To Know About User Experience I Learned In A Restaurant: Based on his past work in a restaurant, Craig Wright offers five basic user experience principles.
- Why Your Links Should Never Say “Click Here”: Good guidelines from UX Movement including:
- Add context to your link text
- Use concrete and proper nouns in your link text
- Avoid linking to only verbs
- 13 Tenets of User Experience: Robert Hoekman, Jr shares his beliefs of the value of user experience strategy beginning with:
User experience is the net sum of every interaction a person has with a company, be it marketing collateral, a customer service call, or the product or service itself.
- Planning and Building an Intranet with WordPress: I like this article because David Albert points out the pros and cons of using BuddyPress to create an Intranet. Excellent list of plugins to consider if you decide to go this route.
- 9 WordPress Myths That Might Surprise You: Love the “WordPress websites are low quality” myth. Short post worth reading; good discussion and points made in the comments.
- How To: Stop the Hacker by Hardening WordPress: Thanks Tony Perez for posting these tips, well done. Don’t have time to review his 60+ slideshow? Tony graciously summarizes the highlights and provides five tips to secure your site.
- Our Readers’ Favorite 3.4 Features: Did you vote for your favorite WordPress 3.4 feature on WPCandy’s poll? With over 200 votes in, the three top features are:
- Query efficiency improvements
- Theme customizer and live preview improvements
- Embed tweets via oEmbed
What I Found Interesting
Absolutely loved this: Van Gogh’s Starry, Starry Night, Recreated with Dominos