Category: TUTORIALS

This is a tutorail to cretae a CSS animated intro section for your website.CSS animation is agreat way to grab the user’s attention to a specific section of the website.One section you want to make …

This is some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element. Animation is at the top element of a …

Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider, it supports the quarter, …

A mobile “pull to share” interaction that allows to share a page by using the familiar “pull to refresh” movement. It’s based on the action for refreshing and opening/closing a tab in Google Chrome for …

It’s easy to create a website. You can do it with website builders from your phone, these days; or you could create a website at Websitebuilder.com in under 30 minutes. But being able to write …

A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin. The idea is to show a navigation when clicking on the menu button and transform all pages in 3D …

Project Cards Template is a portfolio template with expandable projects and a full-page navigation inspired by Primer app.It’s been created by Codyhouse and inspired by the Primer app, which makes a great use of cards …

Neutron is a Sass framework that empowers you to create flexible, clear, and semantic website layouts.Neutron is built from the beginning to be clear, concise, and–primarily–a flexible system for creating website layouts. Neutron does more …

Corpus is a CSS toolkit by Jamie Wilson. It uses Flexbox for the grid system, viewport-based heights and percentage-based widths, is heavily influenced by Basscss’s White Space module, and has a few useful greyscale color …

With the advent of Google’s Material Design came a visual language that set out to create a unified experience across platforms and devices. Google’s examples depicted through their Animation section of the Material Guidelines has …