Advertise here

CSS3 & CSS

Creating a Flippin' 3D Countdown with CSS & JavaScript

February 17, 2014     11564     CSS3 & CSS Date & Time
Creating a Flippin' 3D Countdown with CSS & JavaScript

A nice tutorial about "Creating a Flippin’ 3D Countdown with CSS & JavaScript".

Read More »

Move.js – CSS3 JavaScript Animation Framework

February 16, 2014     3546     CSS3 & CSS Animation
Move.js – CSS3 JavaScript Animation Framework

Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant

Read More »

Flip-Quote – Create Pull-Quote That Flips on Scroll

February 07, 2014     7182     CSS3 & CSS Scroll Effects
Flip-Quote – Create Pull-Quote That Flips on Scroll

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

Read More »

Fit.js – Fit Things Into Other Things

January 22, 2014     3363     CSS3 & CSS Responsive
Fit.js – Fit Things Into Other Things

Fit.js has a very simple purpose and that is to help you fit things into other things.

Read More »

jQuery Square Menu

January 11, 2014     4852     CSS3 & CSS Menu
jQuery Square Menu

Square Menu is a Square-like menu animation for website that is created by using jQuery and CSS3.

Read More »

tram.js – Cross Browser CSS3 Transitions in JavaScript

January 01, 2014     12398     CSS3 & CSS Animation
tram.js – Cross Browser CSS3 Transitions in JavaScript

tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript - offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

Read More »

spin.js – Spinning Activity Indicator

December 26, 2013     22292     CSS3 & CSS
spin.js – Spinning Activity Indicator

spin.js is an animated CSS3 loading spinner with VML fallback for IE. It dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.

Also you can use spin.js as a jQuery plugin.

Read More »

Perspective Page View Navigation

December 18, 2013     12325     CSS3 & CSS Menu Animation
Perspective Page View Navigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.

Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.

Read More »

Animated CSS3 Perspective Menu with jQuery

December 10, 2013     6108     CSS3 & CSS Menu
Animated CSS3 Perspective Menu with jQuery

A tutorial about Creating Animated CSS3 Perspective Menu with jQuery. It's sidebar menu that when clicked would shift the perspective of the current window and slant it in a way that revealed the menu options.

It can be used as horizontal or vertical.

Read More »

Flux Slider – Hardware Accelerated Image Transitions Using CSS3

December 08, 2013     3780     Slider CSS3 & CSS
Flux Slider – Hardware Accelerated Image Transitions Using CSS3

Flux Slider is a CSS3 animation based image transition framework, inspired in part by Nivo Slider jQuery plugin.

The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.

Also Flux Slider Wordpress plugin is avalibale too.

Read More »

Slider Timeline Menu with CSS3 and jQuery

December 04, 2013     24207     CSS3 & CSS Menu
Slider Timeline Menu with CSS3 and jQuery

Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.

Read More »

Words Rotator – Simple Text Elements Rotator Plugin

December 03, 2013     3449     CSS3 & CSS Text & String
Words Rotator – Simple Text Elements Rotator Plugin

WordsRotator is a jQuery plugin to easily add rotating words with CSS3 animation.

Read More »

jQuery Fly Side Menu

December 02, 2013     7581     CSS3 & CSS Menu
jQuery Fly Side Menu

Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb's new iOS7 app using jQuery and CSS3. Also it has some additional options and it tested on modern browsers such as Chrome, Firefox, and Safari.

Read More »

Smoothslides – Responsive jQuery Slideshow

November 29, 2013     3899     Slider CSS3 & CSS Responsive
Smoothslides – Responsive jQuery Slideshow

Smoothslides is a responsive jQuery slideshow with Ken Burns style animations.

Features

  • Lightweight
  • Four Animation Types: Zoom In, Zoom Out, Pan Left, Pan Right
  • Easily add captions
  • CSS3 transitions for smoother effects
  • Responsive

Read More »

Building a Custom HTML5 Video Player with CSS3 and jQuery

November 28, 2013     7280     HTML5 CSS3 & CSS Media
Building a Custom HTML5 Video Player with CSS3 and jQuery

A nice article about building up an easily customizable HTML5 <video> player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.

In this article you will look at

  1. Video controls
  2. Basic markup for controls
  3. Packaging the player as a jQuery plugin
  4. Look and Feel
  5. Themeing the player

Read More »