TUTORIALS Archive

Kickoff – A Lightweight Front-end Framework

Kickoff is a lightweight front-end framework for creating scalable, responsive sites.Kickoff comes with a robust CSS framework; it provides many sensible defaults so that you can get your project up and running in the shortest possible time. Features: – Mobile-first, responsive philosophy …
css framework

Grd – A CSS grid framework using Flexbox

Grd is a CSS grid framework using Flexbox. Only 512 bytes (Gzipped).Grd is simple, lightweight and flexible. Features: – Simple: Provides just 2 base classes Grid and Cell and some modifiers – Light-weight: Only 512 bytes (Gzipped) – Flexible: Easy to use …

StringBean – Responsive CSS Framework

The featherweight responsive CSS Framework based on a 16-point system, rather than the traditional 12-point system that other frameworks use. Sometimes, 12 is just too few, especially on a high resolution screen, such as 4K – at 4K String Bean comes into …
css framework

Blaze.CSS – Open Source CSS Framework

Blaze.CSS is an open source modular CSS framework providing great structure for building websites quickly.Blaze is a comprehensive starting point for any website. Components provide great structure, designed to help you improve your development speed it has a shallow learning curve and …

Balloon.css – Pure CSS Tooltips

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.You can also add any HTML special character to your tooltips, or even use third-party Icon fonts: Balloon.css make use of pseudo-elements thus self-closing elements such …

Tasty – CSS Animated Hamburger Icons

Tasty Hamburgers is a collection of tasty CSS-animated hamburger icons. There are 10 animated hamburger icons and also included is the source as a Sass library(Download and unzip the source files. Copy the files from the _sass/hamburgers directory into your project). It’s …

Creative Letter Animations With SVG

This is an experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.It’s been created by Codrops. Letters disappear and appear in an artistic way, getting drawn …

Tachyons – Functional CSS for Humans

Tachyons was built for designing fast loading, highly readable, and 100% responsive interfaces with as little css as possible.Modules can be altered, extended, or changed to meet your design needs. Tachyons is available as a series of small self contained CSS modules. …