“And in practice, talking to developers, they found this out themselves.That people who use their app don’t switch to different sections very frequently when they use this menu. And the reason for that is because the people who use their app don’t know where else they can go. Right? They don’t know because they can’t see the options, or maybe they saw it at one point in time, but they have since forgotten.”
Important points to consider especially in regards to app navigation on a larger phone with respect to one-handed use.
A thorough checklist to add to your pre-launch routine.
Based on categories of usability (includes examples) v. the technical details like the Userium checklist.
“In summary, user testing showed that users skip or otherwise ignore dialogs, tours, video demos and transparencies. At best, users find them a minor inconvenience. At worst, the patterns significantly aggravate new users who are trying to get into the app.”
Includes great examples for each tip.
A process to prioritize your content in a collaborative way.
A demo to help explain using srcset, sizes, picture, source media, and source type.
Quickly scroll through and view your website in a variety of viewport sizes.
Absolutely brilliant, just as the real title says!
Intelligently responsive lazy loading of images, iframes, and scripts.
“MailChimp analyzed over 395 million emails during a 6-month period to examine how a user’s preferred device affects email engagement, investigate the impact of responsive design, and find out if testing your emails can increase click rates.”
After reading this article, I know I’ve reduced bloat in my projects. Not only that, but it’s a powerful syntax to use for staying content living in CMSs, especially since most of those entering the content don’t know HTML or CSS. It’s not bulletproof, but it helps a lot in ensuring consistent styling.
A tool to condense your CSS into shorthand declarations.
This email newsletter design is pushing some great techniques into email clients that support them.
An enlightening exercise, regardless of your feelings toward parallax.
More reliable/accurate than “inherit.” Includes example use cases.
A pretty fascinating calculation of your stylesheet. Or, check out examples such as this one for Twitter.
Click through the type of easing to see an animated example, plus drop-in ready CSS rules.
Scripts & Frameworks
A framework for rapidly adding off-canvas flyout panels.
“Bootstrap components written in pure AngularJS by theAngularUI Team”
Activate CSS3 animations on scroll.
Tools & Services
“Assembly is for those who enjoy building software. We connect you with others who share your interest and complement your skills so you can form distributed software companies. Unlike traditional companies with shareholders and employees, everything on Assembly is created, operated, and owned by a global community of makers, together.”
Comprehensive resource with articles, workshops, and pair programming opportunities.
“A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date.”
Further optimize your SVG on the fly with an online preview.
A growing list of gorgeous pairings of Google fonts.
A tool to develop your typographic grid.
Ever wondered when a specific hook comes into play? This list was updated in Jan. 2013 around the time of v.3.5.1.
“WP Sent Mail adds a “Sent Mail” folder to WordPress that shows you exactly what emails your website sends to your customers.”
An improved WordPress searching experience. Includes custom fields, PDF content, statistics, and more.
A Tuts+ series by Tom McFarlin.
Meta, tax, date, and comment query updates.
“The moral of this story is you can’t drop a designer into your environment and expect them to succeed. You’ve got to clearly lay out your expectations, but you also have to set the stage so your designers come in and get to the stuff you need them to do.”
Covering the UX, customer support, & large-scale email deliverability of Envato’s response to Heartbleed/Adobe being hacked.
A pretty insane algorithmic way to create your website. Definitely worth a visit, props to the makers behind this project!
An email prompt every Monday morning of a quote or something to learn, etc. Good for the New Year!
— Eric D. Fields (@ericdfields) October 14, 2014
Fun portrayal of hex colors that make “words”
“Carousels are used to keep everyone from beating the shit out of each other during meetings.” – Brad Frost #fowd
— Jacob Cass (@justcreative) November 4, 2014
Admittedly, at least to me, the line between "User Experience Design" and "Product Design" is a fuzzy one.
— Cameron Moll (@cameronmoll) November 5, 2014
Tips for upping the creative presentation of your conference speaker notes.
Read up on this “hack” that truly inspired me when making my New Year’s resolutions: No. Right. Now.