This week’s collection of resources is filled with links to presentations from this weekend’s HTML5.tx Conference in Austin. You’ll also find a periodic table of WordPress plugins, strategy for estimating a UX project, an inspiring story of how two men saved priceless manuscripts, and more. Hope you find the resources useful in your projects.
CSS and HTML
- Turn Your Browser into a Notepad With a Single Line of HTML5: Add one line of code and easily edit content on a page. No way to save your work, but check the Hacker News thread for more ideas.
- Reuze: A free front-end development framework, Reuze allows you to quickly create semantic HTML5 markup. It plays well with other frameworks, including Foundation and Bootstrap.
- Web Design: 10 Creative Techniques Using CSS3 Box Shadow: Jake Rocheleau walks you through ten tips for implementing CSS box shadows in your work, explaining how the code works for each tip. Have you used the featured links box shadow in your projects?
- Tactical HTML & CSS: Slides from Shay Howe’s presentation at this weekend’s HTML5.tx Conference highlighting strategies for creating code that is flexible, maintainable and extensible.
- 10 Things You Didn’t Know a Browser Could Do: Thanks Jonathan Jeter for your recap of Estelle Weyl‘s presentation at this weekend’s HTML5.tx conference. One of my personal favorites is counting with CSS. For more info, view Estelle’s presentation slides on Github.
- Building a CSS Foundation: Another great slide deck from this weekend’s HTML5.tx Conference, this one from Jake Smith. Loved his comment:
If it takes more than 5 seconds to figure out where to put something, you’ve gone too far.
- Collection of Useful Open-Source CSS Resources: From Speckyboy, a roundup of over 30 CSS frameworks, snippets, tutorials, and other resources for your web projects. You’ll find many familiar resources, Normalize, Pondosee, and few new ones, like SpritePad, which allows you to generate sprite sheets to use in CSS and Polaroid Images, a nice tutorial using CSS3 to create that old-fashioned polaroid photo look.
- Sharpening Your Competitive Edge with UX Research: A design project for Martha Stewart Living shows the value of going deeper with user experience research. Meeting face-to-face with customers, sitting with them as they interact with your products, is invaluable as you work to understand their goals and needs.
- Eight UX Design Trends for 2013: The idea of augmented audio is interesting, but also a bit frustrating to me. Do we need to take our smartphones to the dinner table in order to carry on a conversation?
- How to Estimate a UX Project: Ben Tollady, co-founder and UX Director at Thirst Studios, shares his best practices for estimating UX projects. Two of my takeaways from his post: have a defined process and ask the client for their budget. In my opinion, it’s critical to know the client’s budget or you’ll spend hours of time preparing a project plan for a five-figure project when the client has less than $1000 allocated.
- What HTML5 Means for Accessibility: Another great slideshow from this weekend’s HTML5.tx conference focusing on the impact of HTML5 on accessibility. Kevin Lamping asks whether HTML5 improves web accessibility or makes it worse, discusses ARIA, and highlights the continued need for testing on all devices.
- Custom-Built Dialogs: Gez Lemon shows you how to use WAI-ARIA to create accessible custom-made dialogs using the aria-describedby attribute and the using the dialog and alertdialog roles. Good discussion in the comments about modal dialogs and trapping focus.
- Facebook January 2013 Accessibility Update: From the Facebook Accessibility team, a monthly update on their progress for improving accessibility in Facebook. January’s changes included:
- improved heading structure for friend requests, privacy dialog accessibility and core button component
- launch of their dynamic alt tag system to 80% of users (plans are to launch to 100% of users in February
- cleanup of button labels in iOS
- Getting Started with Types: Types is a WordPress plugin that lets you add custom post types, taxonomy and fields to your content through the admin screen.
- How Anyone Can Hack Your WordPress Site in Less Than Five Minutes and What You Can Do About It: From WordCamp Phoenix 2013, video of Dre Armeda’s presentation shows how quickly your site can be hacked and shows tips on how to reduce the risk.
- The Periodic Table of WordPress Plugins: Fun and unique way to represent 108 of the more popular WordPress plugins. You’ll find periodic element SF for SpamFree WordPress, Ak for Akismet, Gx for Google XML Sitemaps, and more.
What I Found Interesting
- Historic Timbuktu Texts Saved From Burning: Incredible story about two people who managed to plan within two days a strategy to save priceless manuscripts, with the help of modern technology and donkeys.
- Google, everything you need to know – in one infographic: Do you know the original name for the Google search engine? I had no clue. And did you know Google rents 200 goats to help control weeds at its Mountain View headquarters? Check out some of the fun facts about Google in this infographic.
- Top 10 Things Your Smartphone Sucks At (and How to Fix Them): From lasting to the next charge to being more durable to saving you money, Lifehacker shares their top ten tips for your smartphone. Personally, I’d like to get my battery charge to last longer.