Following on from Sunday’s reading list, Tuesday’s continues to investigate Atomic Design, the idea of breaking your sites down with modularity in mind, formulas for better typography and new product adoption.
This article proposes that we should have an “interface” for developers i.e. making it easy for newcomers to easily interpret code by applying naming conventions taken from Brad Frost’s article Atomic Design.
Robin suggests that we use the chemistry analogy proposed in Brad’s article (atoms, molecules, organisms, etc.) to name folders in our project. The names of these folders suggest links in the structure of the project so that newcomers can quickly interpret it and also guess what the contents of a folder is.
The whole “Atomic Design” thing starts to become clearer in this article. The author gives a walkthrough of how he applied the atomic design principles in a sample project using Sass and some of the methodology used in Inuit.css. I don’t use Sass and I’ve only glanced at Inuit.css but this article is still interesting as it gives you a new perspective on how you can or should structure your front-end codebase.
This is the best article I’ve read in the past week. Short, sweet and extremely clear. Dave Rupert details how we should rethink our process as web designers and become more efficient by building sites out of building block components rather than the archaic PSD-to-HTML approach (which is still knocking about).
I particularly liked the section where Dave defines a list of components — typography, tabbed navigation, etc. This gives you a really good idea of what the general building blocks for websites / web applications are. Keeping these in mind you could almost build your own customised set of boilerplate components and kick off with those on a per project basis, extending them and adapting them as you see fit.
A good primer on getting your typography right. This article aims to give a basic formula for creating a beautiful design by executing the basics of typography correctly. Typography is probably one of the most underestimated elements of a design when in fact it is probably the most crucial. This article will give you some good advice on how to achieve hierarchy, contrast, etc. in your typography.
A very engaging article discussing the 5 Factors that will more than likely decide whether someone adopts your product. I loved this article because it’s one of those ones that, if you’re designing a product, provokes you to rethink what you’re doing as well as giving you a fresh perspective.