TUTORIALS Archive

DistortedButtonEffects_800x600

Inspirational Distorted Button Effects (SVG)

This is a set of inspirational, highly experimental distortion effects for buttons using SVG filters.Applying SVG filters on HTML elements give us some great opportunity to get creative with click interactions, and that’s exactly what it is. The main idea is to …
input-effects

Input Focus Effects with CSS

This is a tutorial to create inspirational input focus effects using css3 and jQuery.In this tutorial, you see animated input border effect, animated background effect and animated placeholder effects on focus. And you can also see placeholder move as a label on …
css-framework

Modulr.css – A Fast and Modular CSS Framework

Modulr.css is fast and easy modular approach to building powerful web and mobile interfaces. Modulr.css is using font awesome icon library.Modulr.css is broken down into modules for easier maintenance, debugging and usability. With Modulr.css you can use core modules separately without including …
hocus-pocus

Hocus-Pocus : Design-free Sass Framework

Hocus-Pocus is a design-free Sass framework inspired by Primer and InuitCSS. The main idea behind is to make a universal and lightweight stylesheet starter kit that focuses on the most common features. You can change the look of every single component, disable …