Skip to main content Accessibility Feedback

Release the Kraken!

Over the last weeks, I’ve been working on a collection of lightweight tools for front-end web developers that are designed to work together.

They’re kind of like Legos for people who make things for the web. Mix-and-match tools to fit the needs of your project.

A mobile-first boilerplate featuring a responsive grid, a thoughtfully designed typographic scale, CSS3 buttons, and form styling.

Kraken for WordPress
Essential templates, useful functions, and styling for a few WordPress-specific classes.

The grid from Kraken, and nothing else.

A collection of mobile-first navigation patterns, with optional collapse-and-expand toggle menus on smaller screens.

Mobile-friendly dropdown menus. Integrates nicely with Astro.

Progressively-enhanced toggle tabs.

A simple collapse-and-expand widget. Now you see it. Now you don’t.

FlexSlider 2
A responsive, touch-enabled image carousel. Modified from the fantastic WooThemes FlexSlider for better usability and integration with Kraken.

Simple image styling.

Simple table styling.

Go make something awesome! You can find more of my web projects 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 or contact me on Twitter at @ChrisFerdinandi.

Get Daily Developer Tips