BEM 101 | CSS-Tricks

In CSS, Software Architecture by bchesley0 Comments

Another smart part of BEM is that everything is a class and nothing is nested. That makes CSS specificity very flat and low, which is a good idea. It means you won’t end up fighting with yourself over specificity. Source: BEM 101 | CSS-Tricks Excellent overview and links for further reading on BEM style CSS.

How to Center in CSS

In CSS, Layout by bchesley0 Comments

Centering in CSS is a pain in the ass. This is a code generator that consolidates them and gives you the code you need for each situation. Source: How to Center in CSS Awesome single purpose wizard…

Low-Contrast Text Is Not the Answer

In CSS, Uncategorized, User Experience (UX) by bchesley0 Comments

Before using low-contrast colors on a website, especially for text, take a moment to remember all the reasons why they degrade usability. Then consider the reasons that prompted your site’s low-contrast design choices in the first place. Finally, look for alternatives that help you achieve those initial design goals without harming the user experience. Source: Low-Contrast Text Is Not the …

LukeW | Web Application Form Design

In Layout, User Experience (UX) by bchesley0 Comments

Form Layouts When the time to complete a form needs to be minimized and the data being collected is mostly familiar to users (for instance, entering a name, address, and payment information in a check-out flow), a vertical alignment of labels and input fields is likely to work best. Each label and input field is grouped by vertical proximity and …