Advertise here

CSS3 & CSS

3D Bold Navigation with CSS and jQuery

April 10, 2015     3375     CSS3 & CSS Animation
3D Bold Navigation with CSS and jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.

Read More »

Type.js – Typographic Tools for Better Web Type

March 21, 2015     1350     CSS3 & CSS Text & String
Type.js – Typographic Tools for Better Web Type

Type.js adds new type properties to your CSS, giving you the control you need for type on the web. You can write these properties in your CSS and they will work like any other property.

Read More »

animatedModal.js – jQuery Plugin for Fullscreen Modal with CSS3

March 02, 2015     7685     CSS3 & CSS Modal & Overlay
animatedModal.js – jQuery Plugin for Fullscreen Modal with CSS3

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.

Read More »

Secondary Sliding Navigation

February 27, 2015     5222     CSS3 & CSS Menu
Secondary Sliding Navigation

Secondary Sliding Navigation is a bold, secondary menu that slides over the main navigation. This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation.

Read More »

impress.js – Presentation Framework Based On CSS3

February 25, 2015     1755     CSS3 & CSS
impress.js – Presentation Framework Based On CSS3

impress.js is a presentation framework based on the power of CSS3 transforms and transitions in modern browsers.

Read More »

Bouncy Navigation

February 05, 2015     2876     CSS3 & CSS Animation
Bouncy Navigation

Bouncy Navigation is a full-screen navigation, with floating menu items. CSS animations and jQuery used to animate navigation items, and let them bounce in and out the screen.

Read More »

MProgress.js – Google Material Design Progress Linear Bar

February 04, 2015     2887     CSS3 & CSS
MProgress.js – Google Material Design Progress Linear Bar

MProgress.js is a Google Material Design Progress linear bar by using CSS3 and pure JavaScript. You can use 4 types of linear bar.

Read More »

Morphing Modal Window

January 28, 2015     7240     CSS3 & CSS Modal & Overlay
Morphing Modal Window

A call-to-action button that animates and turns into a full-size modal window. It's created by using jQuery, CSS transition and transformations.

Read More »

Expanding Panel with jQuery and CSS3

January 20, 2015     4913     CSS3 & CSS
Expanding Panel with jQuery and CSS3

A combination of very basic HTML, CSS and a little bit of jQuery you can achieve a pretty nifty, clean expanding tile. Feel free to use this concept to create your own Expanding CSS3/jQuery Panels.

Read More »

css.js – CSS Parser in JavaScript

January 20, 2015     2816     CSS3 & CSS
css.js – CSS Parser in JavaScript

css.js is a lightweight, battle tested, fast, css parser in JavaScript. It’s open source.

Read More »

Content Filter – Slide-In Filter Panel with CSS and jQuery

January 16, 2015     5712     CSS3 & CSS
Content Filter – Slide-In Filter Panel with CSS and jQuery

Content Filter is a slide-in filter panel powered by CSS and jQuery. It's easy to customize and integrate.

It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed.

Read More »

Snazzy Animated Pie Chart with HTML5 and jQuery

January 09, 2015     3140     HTML5 CSS3 & CSS Chart & Graph
Snazzy Animated Pie Chart with HTML5 and jQuery

A tutorial about how to create a gorgeous, interactive animated pie chart by using HTML5 canvas element, CSS3 and jQuery. 

Read More »

Responsive Vertical Timeline

January 08, 2015     16407     CSS3 & CSS Responsive
Responsive Vertical Timeline

An easy to customize, responsive timeline. CSS3 tricks and a bit of jQuery is used to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.

Read More »

3D Curtain Template

January 07, 2015     2767     CSS3 & CSS
3D Curtain Template

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

Read More »

Snabbt.js – Minimalistic Animation Library in Javascript

January 06, 2015     1663     CSS3 & CSS Animation
Snabbt.js – Minimalistic Animation Library in Javascript

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

Read More »