Category: TUTORIALS

The Availity UIKit is derived from Bootstrap 3 and allows developers to create beautiful web applications for the Availity Spaces platform. Availity supports Internet Explorer 8 and newer,Google Chrome (latest version),Mozilla Firefox (latest version) Original …

This is a simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Today’s snippet comes from Codyhouse.It is all about a single CSS property: background-attachment. You can set …

Delightful and performance-focused pure css loading animations.A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. …

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline created by Codrops. The idea is to simulate the bounciness of a trampoline …

It’s a presentation framework based on the power of CSS3 transforms and transitions(positioning, rotating and scaling them on an infinite canvas) in modern browsers and inspired by the idea behind prezi.com Additionally for the animations …

This is a collection of fresh button styles and effects for your inspiration by Codrops. CSS transitions and pseudo-elements have been used for most of the effects. The current “button trend” is quite exciting since …

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.It’s been developed by Lea Verou. No extra JS needed for basic usage! Before you try anything, …

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. Konca enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for …

A CSS grid framework built on SASS to provide an automatic responsive grid for web developers with flexibility for manual control when needed. This grid is a float and padding-based grid, meaning that it works …

This is a tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG by Codrops. Can the text fill be animated? Can you fill …