The story ...
CSS Icon

Truth be told, Axle was a complete accident. I had no intentions of creating a CSS framework. But some of the best breakthroughs are accidents. To understand Axle, you need to understand Axle's history.

As a web developer I have always looked for a better way to manage all the UI assets that I was creating. And over time as tools like HTML5 and CSS3 continue to change the world we live in, the need to manage these assets continued to grow.

Thinking elemental or modular about my design work are principals I have followed my whole career. When working on dynamic websites where most of the experience is user driven, you really do need to think about your designs from a different perspective. The concept of a page becomes irrelevant. The real win is when you can look at your design and clearly understand what is the element, the widget and how these will build a screen or experience.

Another problem I set out to solve is working with a distributed team where there is a shared responsibility for creating UI assets. Couple that with an agile workflow, how does one manage this? How does one document this?

Enter Axle. Axle is the styleguide documentation for your web application. Axle was born from idea that a consistent and repeatable framework will give you a number of things. One being a visual resource to see all the assets within an application. Another is providing code snippets, or the visual API for your web app.

Another framework?

Axle is not a CSS framework, but is more of a process in which to develop visual assets. The real power behind Axle is to develop your UI solution in an abstract environment from the application.

Following the best practices of OOCSS and using power tools like .LESS, Axle empowers the User Interface Engineer to develop and document the application's design.

Axle is a clear channel of communication between the designer and the developer. The designer is confident that their design for the app is being respected and clearly represented in Axle's styelguide. The developers on the other hand are confident that they are using an accurate resource when building out the widgets and screens of the app. Frustrations brought on by duplication of effort, mismanagement of resources and visual maintenance nightmares can be resolved using the methods that Axle provides.