A fantastic resource showing the on boarding process for several apps and services, including commentary on what worked, and where the reviewer found pain points.
A succinct peek at motion, typography, color, and accessibility as found in Google’s Material Design docs.
Kudos to the Elegant Themes team for recognizing some very positive trends – some of which I would argue are actually becoming standards (responsive, scrolling over clicking, and personalized UX for apps and services).
Includes examples of various tactics.
A full tutorial with a demo and all code for a quite impressive design animated with CSS and a tiny bit of jQuery.
The basic argument here is that classes alone are doing too much work, and that defining your own attributes to base styling on can be more readable and functional.
“Rapid prototyping’s primary purpose is to focus your already limited time. You’re cutting out fluff, tangents, and feature-creep to bring to life a very specific use case or workflow.”
Discusses benefits, provides tips for a training plan and making the sessions go well.
“Understanding this helps us navigate the choppy seas of that glut of information found out there on the web and to sharply define our course through it. The great designers have found a way to continue to learn, yet focus on what they love.”
Tools & Services
Create “taggable” input fields to improve a multi-select experience.
A subscription service for easily hosting your website or app’s docs, including versioning via GitHub and support forums for users.
Stop emailing and chatting links to your team, and instead compile them with this new tool. Add links easily with a Chrome extension, and even tag them. Then your team can access them on their own time.
Quickly produce a style guide from an existing website.
A chrome extension to more easily use the inspector to discover the answer to the question, “How’d they do that?!”
One aspect of the web that I need to gain more knowledge about is how to improve my website in regards to SEO. This article tells a few simple ways Google Webmaster Tools can help.
“This service saves its readers many hours of browsing and searching for design-related content of interest available on the web.”
If Bootstrap is your front-end framework of choice, you may find some useful additions here to make your build process even faster.
“Choose your own adventure” style!
WordPress Plugins & Themes
“Hammy speeds up your website by generating and serving resized images for your content area depending on content width.”
The title makes a bold claim, but the reason I’ve actually included this link is because many of these are fairly well designed. Of course, a sleek design is only part of the process for improving the user experience.
An overview with examples of the types of themes commonly seen, including single and two column, “journal”, and grid.
A great quick overview by the Flywheel team with some quick tips of improving your WordPress theme’s accessibility.
A deeper dive into how the accessibility of your theme is judged.
“flixfindr aggregates all of the movies on hbo go, hulu, netflix, amazon prime and xfinity, allowing you to filter and search to find the perfect flick.”
A light-hearted comparison of Apple’s inconsistency between the typography of Apply Pay, WATCH, tv, and other marketing lettering.
Because we all need more interactive desk toys.