Technology Radar Digital Preview | ThoughtWorks

In CSS, Software Architecture, User Experience (UX) by bchesley0 Comments

A living CSS style guide is a page on your site that uses your current CSS styles and acts as a reference for all the currently available visual elements and design patterns. This helps to tightly integrate design into your delivery process by promoting co-ownership of the UI and avoids duplication of styling across your application. Styling changes are visible …

BEM – Block, Element, Modifier

In CSS, Software Architecture by bchesley0 Comments

What is BEM? BEM stands for Block, Element, Modifier. The meaning of these terms will be described further in the article. One of the most common examples of a methodology in programming is Object-Oriented Programming. It’s a programming paradigm embodied by many languages. In some ways, BEM is similar to OOP. It’s a way of describing reality in code, a …

CSS Architectures: Scalable and Modular Approaches

In CSS, HTML5 by bchesley0 Comments

OOCSS Object-Oriented CSS starts with pattern recognition: determining what page elements are similarly structured and used frequently on the site. Once a pattern is identified, the design element can be made into a module. Then the module can be skinned for the different ways it shows up across the site. OOCSS has two key principles. The first is to separate …

Aerotwist – Interaction ProTip #4: Nobody Expects 3D

In Cool Stuff, CSS by bchesley0 Comments

Everyone has a name for them: the excellent Phil Hawksworth calls them “delighters”, my friend Tom Knowles and I call them “showbiz coding.” They are little bits of UI that do something unexpected and fun. I’m going to jump to my favourite kind: 3D effects. They give your UI some depth and, much as with the Spanish Inquisition, nobody expects …

Front-end Code Standards & Best Practices | Roundarch Isobar

In Chrome, CSS, Dev Tools, HTML5, Javascript, Site Optimization, Web Standards by bchesley0 Comments

Front-end Code Standards & Best Practices Overview This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. via Front-end Code Standards & Best Practices | Roundarch Isobar. Excellent and in depth notes …