Hope you enjoyed the Fourth of July holiday week! I spent the holiday in Colorado, where I enjoyed hiking, visiting new places, and managed to see a life bird for me, the black-chinned hummingbird you see above.
This week’s collection of web design and development resources includes the new Yahoo! Pure CSS responsive module set, a video explaining simple usability improvements for your WordPress theme, a guide to using Evernote and more.
Hope you find the resources useful for your projects. Let me know which one you like best in the comments.
May our critics make us humble / May our mistakes make us wise / May we learn from every stumble / And never stop, for we were born to rise
— Cory Booker (@CoryBooker) July 3, 2013
CSS and HTML
- CSS viewport units: vw, vh, vmin and vmax: What web designers will love about using viewport units: the text sizes adjust automatically to different viewport sizes, with no need to define font sizes for different viewports.
- Pure CSS from Yahoo! A Minimal & Lightweight Set of CSS Modules: Yahoo!’s set of responsive CSS modules (at only 4.2K size gzipped) provides several modules, including base, grids, forms, buttons, tables, and menus. Load what modules you need, or all. Based on Normalize.css. I was glad to see a responsive email layout in the examples.
- A Responsive Web Design Primer: As you create responsive web designs, consider:
- what features are needed for different devices
- site speed and performance on different devices
- how success will be measured
- how information will be organized (information architecture)
- Create The Future: Common Techniques in Responsive Web Design: In this article from Noupe editors, you’ll learn about common strategies for site layouts, managing rich media, reference pixel vs. device pixel ratio and managing bandwidth for users on small devices.
- A few words on Doug Engelbart: Doug Engelbart, inventor of the precursor to the mouse, died last week. His goal for his work was to provide ways for people to collaborate, to work together.
Boosting mankind’s capability for coping with complex, urgent problems.
- How To Summarize & Display Survey Data: A collection of some of the more frequently used methods to display survey results. I spend more time trying to understand pie charts than bar charts, do you have a preference?
"A good user interface has high conversion rates & is easy to use."
Yes, however a great UI delivers a fabulous user experience over time.
— Jared Spool (@jmspool) July 6, 2013
- Content Strategy: From Usability.gov, a high-level overview for developing a comprehensive content strategy and governance for your site.
- The “Just Copy Amazon” Falacy: E-commerce businesses look to Amazon as an example of e-commerce done correctly. If Amazon does it, than it’s the way to go, right?
- WordPress, Accessibility and Higher Ed: If you’re using WordPress on your higher education website, and are concerned about accessibility, this post from Curtiss Grymala is for you. Learn about the accessibility in WordPress core, themes, plugins as well as find out about resources to advance your accessibility knowledge.
- EveryBody: An Artifact History of Disability in America: I encourage you to take the time to view the images and read the stories of people with disabilities in America’s history.
- Interactive Transcripts and Captions: Do you use Wistia to host your videos? Here’s how to add interactive transcripts and captions.
- Simple Usability Improvements for Your WordPress Theme: Graham Armfield’s presentation at the WordPress London Meetup group focused on small ways to improve search results pages, customize post type display, pagination and more.
- WordCamp Columbus 2013: Learn more about using WordPress at next month’s WordCamp Columbus, to be held Friday, August 2 and Saturday, August 3. WordCamps are one of the best ways to learn to use, design and develop WordPress.
What I Found Interesting
- The Beginners Guide to Evernote: If you’ve been looking for a way to take notes and get better organized, try Evernote. I’ve been a huge fan for years; love that it synchronizes your notes between mobile, the web and desktop.
- Finding Your Passion in Work: 20 Awesome Quotes: What would you do if you could spend the rest of your life doing what you love to do? From astronaut Mae Jemison:
It’s your place in the world; it’s your life. Go on and do all you can with it, and make it the life you want to live.
- You Aren’t Using These 10 Simple Security Settings: Good advice on setting up two-step verification for your LinkedIn, Facebook, Twitter, Evernote, Google and Apple accounts. I managed to miss a couple settings, and am glad I found this article.