Skip to main content Accessibility Feedback

Release the Kraken! (version 7)

A screenshot of Kraken 7

Yesterday, I quietly released version 7 of Kraken, my lightweight, mobile-first boilerplate for front-end web developers.

So… what’s new?

What’s new in version 7? #

Switched to Normalize.css
Meyer’s CSS reset is great, but it can create styling issues when doing things like inlining critical path CSS. Normalize.css is a lightweight alternative that nudges and tweaks browser styles instead of resetting everything to zero.
Table Styles
In previous versions of Kraken, table styling was an optional add-on. Now, they’re baked right in, and include CSS-only responsive tables for smaller viewports.
Search Form Styling
Kraken now includes classes for custom search form styles.
Switched to LibSass
Now that LibSass supports most Sass 3 APIs, it’s time to make the switch. This gets you faster builds, and no Ruby dependency.
Removed directionless space nudge-and-tweak classes
The .no-margin and .no-padding classes are gone. You should use .no-margin-padding, .no-margin-bottom, and so on to suite your needs.

Download it today on GitHub.


🚀 Make 2018 the year you master JavaScript! My pocket guides and mini courses are short, focused, and made for beginners. You can do this!

Have any questions or comments about this post? Email me at chris@gomakethings.com or contact me on Twitter at @ChrisFerdinandi.

Get Daily Developer Tips