Advertise here

CSS3 & CSS

Animated CSS Boxes with jQuery

August 10, 2014     2301     CSS3 & CSS Animation
Animated CSS Boxes with jQuery

Animated css boxes are can be used for multiple purposes, for example notifications, beauty and general use. There are six different animations used with great care in order to maintain awesome interface.

Read More »

Page Preloading Effect

August 05, 2014     8336     Effects CSS3 & CSS
Page Preloading Effect

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.

Read More »

Dynamic Scrolling Shadow

August 05, 2014     4489     CSS3 & CSS Scroll
Dynamic Scrolling Shadow

A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.

It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.

Read More »

Notification Styles Inspiration

July 24, 2014     2613     CSS3 & CSS
Notification Styles Inspiration

Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.

Read More »

Simple jQuery Slider

July 12, 2014     12252     CSS3 & CSS Slider
Simple jQuery Slider

Simple jQuery CSS3 slider which is simple to use and supports every browser! (IE7+)

Read More »

Inspiration for Custom Select Elements

July 11, 2014     4507     CSS3 & CSS Form Elements
Inspiration for Custom Select Elements

Some inspiration for styling a custom version of the select element. There are many possibilities and ideas of how to let the user select a choice in style.

Read More »

Closing Door Menu

July 09, 2014     4624     Menu CSS3 & CSS
Closing Door Menu

It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. There are 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Read More »

jQuery Smoove – Gorgeous CSS3 Scroll Effects

July 07, 2014     7490     CSS3 & CSS Scroll Effects
jQuery Smoove – Gorgeous CSS3 Scroll Effects

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

Read More »

CSS3 Animate It

July 02, 2014     4505     CSS3 & CSS
CSS3 Animate It

CSS3 Animate It is a lightweight plugin to animate elements on to the page when they come into view.

Read More »

Draggable Dual-View Slideshow

June 26, 2014     4195     CSS3 & CSS Slider
Draggable Dual-View Slideshow

An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

Read More »

How to Create a Tiled Background Slideshow

June 12, 2014     9106     Slider CSS3 & CSS Effects
How to Create a Tiled Background Slideshow

A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.

Read More »

waitMe – jQuery Plugin for Loading CSS3 Animations

May 02, 2014     4318     Animation CSS3 & CSS
waitMe – jQuery Plugin for Loading CSS3 Animations

waitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.

Read More »

Avgrund – JS/CSS3 Modal UI Concept

March 26, 2014     3592     CSS3 & CSS Modal & Overlay
Avgrund – JS/CSS3 Modal UI Concept

Avgrund is a modal concept which aims to give a sense of depth between the page and modal layers. Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

Read More »

Stroll.js – CSS3 List Scroll Effects

March 24, 2014     11105     Effects Scroll CSS3 & CSS
Stroll.js – CSS3 List Scroll Effects

stroll.js is a collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

Read More »

reveal.js – The HTML Presentation Framework

March 24, 2014     5226     Slider CSS3 & CSS
reveal.js – The HTML Presentation Framework

A framework for easily creating beautiful presentations using HTML. reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export,speaker notes and a JavaScript API.

It's best viewed in a browser with support for CSS 3D transforms butfallbacks are available to make sure your presentation can still be viewed elsewhere.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish