Kraken is a lightweight, mobile-first boilerplate for front-end web developers. It includes just the essentials:
- A CSS reset to ensure cross-browser compatibility.
- A responsive, mobile-first grid.
- A well-designed, fluid typographic scale.
- CSS3 buttons.
- Basic form styling.
- Optional add-ons for more functionality.
Getting started with Kraken is really easy. View the online tutorial.
Kraken is an open-source project. Learn how you can get involved.
- v3.2 (January 13, 2014)
- v3.1 (December 2, 2013)
- v3.0 (November 29, 2013)
- Added Sass integration.
- Changed naming conventions from
*-blue
to*-secondary
for better abstraction. - Updated typographic scale to a 16px base.
- Redesigned grid uses fraction-based naming (
.grid-third
instead of.grid-2
). - Added
.active
and.disabled
classes to buttons. - Dropped rounded corners from buttons, forms, etc.
- v2.6 (November 13, 2013)
- v2.5 (October 21, 2013)
- Added
tab-size
property to thepre
element. - Added
word-break
property to links to fix convert overflow issues. - Updated CSS Reset to incorporate some improvements to Normalize.css.
- Removed IE7- hacks.
- Updated grid for better performance.
- Converted from spaces to tabs.
- Fixed
vertical-align
anddisplay: block
conflict for forms.
- Added
- v2.4 (October 18, 2013)
- Fixed
input-inline
.
- Fixed
- v2.3 (August 24,2013)
- Minor styling update for Code section
- v2.2 (July 29, 2013)
- Removed iOS Rotation Zoom Bug Fix JS (bug fixed from iOS6 on).
- v2.1 (June 7, 2013)
- Switched to MIT license.
- v2.1 (June 2, 2013)
- Added version numbering.
- v2.1 (March 19,2013)
- Changed
.screen-reader
class to ems.
- Changed
- v2.0 (March 18, 2013)
- Removed gradients on buttons.
- Changed
.btn-color
to.btn-blue
, breaking previous pattern.
- v2.0 (March 15, 2013)
- Changed
.unstyled
to.list-unstyled
, breaking previous pattern.
- Changed
- v1.1 (March 14, 2013)
- Added print styling.
- v1.0 (May 7, 2013)
- Initial release.
Kraken is free to use under the MIT License.