- Working with Compass Sprites–Lessons Learned: Thanks Paul Hart of Atomic Object for sharing your advice and techniques on spacing, margins, and positioning in Compass Sprites.
- A CSS Styleguide: Guide from Richard Powell on writing well-structured, scalable, and modular CSS. I don’t agree with his advice on putting CSS rules on one line, but found the rest of his tips to be really useful.
- Using LESS as a Live CSS Engine: Andrew Powers of Pagelines explains how they implemented LESS at Pagelines. Be sure to read the comments for how other developers are using LESS.
- CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS: Interesting technique for cutting off multi-line text, though not supported by all browsers.
- 10 Useful Infographics about HTML5: My favorite is the HTML5: I’ve Seen the Future – It’s in My Browser infographic.
- The Truth About Structuring an HTML5 Page: This excerpt from Luke Stevens’ recently published book, highlights issues with sectioning, styling headings, and the document outline. When I shared the post on Twitter, many people disagreed with Luke. Your thoughts?
- The Geography of HTML5 Security: HTML5 pushes security boundaries, says Mike Shema, director of engineering at Qualys, as he discusses Cross-Origin Resource Sharing (CORS), iframe sandboxes and browser-based storage in HTML5.
Its features may help you keep data safer within the browser, but they need your help to keep data safe once it travels through the wild realms of servers and databases
- Vintage Effects for Your Images with HTML5: If you want the look of Instamatic vintage filters on your website photos, but without all the work, vintagejS uses HTML5 canvas to add the vintage look to your photos. Easily add, sepia, green and grayscale effects or create your own custom filter using the vignette, noise, screen, desaturate, allow MultiEffect and viewFinder options.
- Five of the Best Free Online Wireframing Applications: I’ve used two commercial products in the past, Mockingbird and Balsamiq, but I’m going to give HTML5-based Moqups a try.
- Web Content Haiku: From 4Syllables, advice for creating content website visitors will want to read, in haiku form. Here’s one of my favorites:
Too many long words
Even longer sentences
Turn web readers off
- Eight Best Resources for Interface Icons: Great resource from UX Movement for icon sets and interface icons. I had not heard of The Noun Project; it includes really beautiful icons.
- 10 Things You Need to Know About Design: Jason Putorti’s SlideShare presentation shares his ten things CEOs should know about design. My favorite?
Great design… talks benefits not features
- How to Create Content Maps for Your Website’s Content: A short and simple guide to content mapping, explaining why you should create content maps and recommendations for tools to create the maps.
- How to Use Font Awesome Twitter Bootstrap Icons in WordPress: Created by Rachel Baker, the Font Awesome Icons plugin includes 220 vector icons with cross-browser support. The icons are scalable, compatible with screen readers, and provide support for IE7. Added bonus: you can use this plugin even if you’re not using Twitter Bootstrap.
- Dev releases HTML5 Blank for WordPress: Created as a free WordPress theme built for professional developers, with all the built-in basics, functions, and annotated code support, HTML5 Blank is also a great option for anyone wanting to build their first theme.
- Don’t Do That! Five Habits to Avoid on Your Websites: Good tips from Tom Negrino, author of Dreamweaver CS6: Visual QuickStart Guide. First on the list:
Don’t Skip Designing for Mobile
- Top 10 Plugins of the Month: ManageWP’s list of their top ten plugins; my favorite in their list is Column Shortcodes.
- Greater Accessibility for Google Apps: Excellent reference for the accessibility updates Google has made in the past year, including Drive, Calendar, Docs, Contacts, mobile apps and NVDA support for screen readers. Glad to see the optical character recognition feature for screen readers that can read text in scanned PDFs and images. Be sure to check out the Administrators Guide to Accessibillity (PDF)
- Penn State Access Ability: Another excellent resource site for building accessible websites as well as improving the accessibility of content on your website. Don’t miss their triage site for fixing website content with limited resources.
- Phoenix Website Helps Visually Impaired Citizens: Launched in August, the new accessible pedestrian signals website was redesigned with the goal that site content could easily be read aloud by assistive technology.
- Creative Captioning for Increased Web Accessibility: Win, Win with Strategies Designed to Decrease Costs and Improve Outcomes: From The National Center on Disability and Access to Education, a discussion on developing a captioning strategy as well as three approaches in use by institutions.
What I Found Interesting
- Answering Top Questions from Government: Good advice for anyone wanting to update their Google listing, including how to correct an incorrect phone number, when to use the bulk uploader, and tips to let Google know URLs have changed for pages.
- A Timeline of the History of the World Wide Web: Thanks to Molly Holzschlag for sharing John Allsopp’s beautiful history of the World Wide Web.
- To be announced – the closing keynote at Smashingconf 2012: Christian Heilmann’s closing keynote slides and screencast from this week’s Smashing Conference in Freiburg, Germany.