The Framework
Centurion is a intuitive responsive framework that works out of the box with added features to hep build your next web project quickly.
Centurion is a resposive, media query driven HTML5 and CSS3 framework. It is designed to be used on any website out of the box. Unlilke some other frameworks, Centurion is designed for mobile devices and desktop. Using CSS media queries the Centurion is able to conform to the screen and shift the content as necessary so that the content is not obscured.
Centurion offers the basic 960 grid with a twist. Using a 12 column container, the framework can size down from 960 to 768, 480, and 320 pixel screen sizes. Centurion does all its work in the browser, and allows for one template to auto-resize to the device without the need to detect devices through either JavaScript or PHP.
Features
- Responsive grid system
- Desktop
- Tablet
- Mobile Landscape
- Mobile Portrait
- Buttons
Documentation
Check out the documentation for Centurion on Github.
Code
<div class="ctn-container">
<div class="ctn-grid-16">
...
</div>
<div class="ctn-grid-8">
...
</div>
</div>
Out of the Box
Ideally, Centurion wasn't meant to be the end of a theme, but rather it was meant to be beginning of a better one. Most of the features that exist within Centurion I have personally had to rebuild on most of the themes that I have worked on each time a new theme was created. I started working on Centurion to be the bridge between having to build mobile features into a theme, or even to have to build basic features, such as buttons, and text formats. Out of the box, Centurion is meant to speed up the development process.