Kraken

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.

How It Works

Getting started with Kraken is really easy. View the online tutorial.

Get Involved

Kraken is an open-source project. Learn how you can get involved.

Changelog

• v2.6 (November 13, 2013)
  • Added definition list styling.
• v2.5 (October 21, 2013)
  • Added tab-size property to the pre 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 and display: block conflict for forms.
• v2.4 (October 18, 2013)
  • Fixed input-inline.
• 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.
• 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.
• v1.1 (March 14, 2013)
  • Added print styling.
• v1.0 (May 7, 2013)
  • Initial release.

License

Kraken is free to use under the MIT License.