From Pages to Patterns: An Exercise for Everyone | Charlotte Jackson, Front-end developer
Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern will have no reason to exist if blue buttons have fallen out of use
Building Resizeable Components with Relative CSS Units | CSS-Tricks
The following is a guest post by Ahmad Shadeed. Ahmad has put together a ton of examples to show off how using relative units can benefit us. I think a
This is my second “Fun with CSS” post, maybe this should become a series. But anyway, I had watched the video of Ethan Marcotte‘s talk at An Event Apart called Laziness in the Time of Responsive Design, and was fascinated by his progressive enhancement demo.
Anatomy of a Pattern in a Pattern Library | Brad Frost
Technically a pattern library is a simple collection of UI components, but in order for design system users do their best work, a pattern library should also present other important info. Let's take a look at what information can be displayed alongside each pattern Title The name of the pattern sh
Precedence in CSS (When Order of CSS Matters) | CSS-Tricks
On your average CSS-writin' day, odds are you won't even think about precedence in CSS. It doesn't come up a whole heck of a lot. But it does matter! It
Making And Maintaining Atomic Design Systems With Pattern Lab 2 – Smashing
The benefits of UI design systems are now well known. They lead to more cohesive, consistent user experiences. They speed up your team’s workflow, allowing you to launch more stuff while saving huge amounts of time and money in the process. They establish a common vocabulary between disciplines, resulting in a more collaborative and constructive workflow. They make browser, device, performance, and accessibility testing easier. And they serve as a solid foundation to build upon over time, helping your organization to more easily adapt to the ever-shifting web landscape. This article provide...
Improving CSS quality at Facebook and beyond | Engineering Blog | Facebook
With thousands of engineers working across a range of products at Facebook, we face some unique challenges when it comes to code quality. Not only are we dealing with a large codebase, but things are also moving fast — new features are being added, existing ones are being improved, and things are being reorganized. For [...]Read More...
Functional CSS (FCSS) – Wealthfront Engineering Blog
We’re big fans of functional programming at Wealthfront. Emphasizing immutability and functional style means fewer “surprises” because side-effects are limited or nonexistent. We can quickly build up large systems from discrete, focused components by way of composition. Applying such principles is straight forward in most languages, even if they’re not functional by definition, but the... Read more