For the past 10 years I’ve been working on the web. However, that doesn’t mean I understand the web any more than I did 10 years ago. With experience, a web designer can understand more about how to build web sites faster, and learn best practices while designing. Not that working for many years on the web has made me an expert, I simply have a unique perspective into the nature of the web.


A year ago I sat down to start building a web framework for both desktop and mobile platforms. I nicknamed the framework “Centurion”, and then set to work constructing a framework that utilized CSS3 media queries to have a responsive design. The original design was meant to speed up the design and construction process, but it continues to grow to this day. I spent so much time rebuilding key components that I lost hours doing the same legwork, and borrowed code from other projects to tweak for something new. So I sat down and wrote out a list of features that I wanted my new framework to utilize so I could start one-leg up, rather than one down.

Centurion was named for what it could do, how it could keep a website structured, and how it could be agile enough to handle mobile devices. For a developer, it manages the CSS so you can add what you need or even subtract what you don’t based on the project. For designers, this framework plays to their strengths of aesthetics and provides a starting point for the next design project.


Features include a grid system, CSS buttons, responsive images, media queries, navigation, color schemes, font-face implementations, and a mobile friendly version.

What eventually came out of the initial scope for the Centurion project was a web framework that was both robust on desktop and scaled for mobile devices. My initial inspiration came from Nathan Smith’s 960 GS. The CSS framework that he built is both simple and complex. It provides a basic layout and grid system to start constructing any web design. I liken Smith’s framework to the rebar of a new web site. Centurion’s core features allow it to be a grid system for pure layout, like the 960 grid. However, with the extra styles that have been constructed you can extend the grid system into a full-featured site out of the box. For example, it can be used simply to structure a web site using its own grid system based on screen sizes. To expand it I added in several features, such as built in buttons, font formatting, and several other features you will have to try.


You can download, favorite, or fork the framework from Github.

If you have any ideas, please feel free to mention them here or on Github, as I am looking to make the framework more useful for the web community.