Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Animated Fixed Menu with CSS3 & jQuery

    Animated Fixed Menu with CSS3 & jQuery

    Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition

    MaterialNote : A Summernote Wysiwyg Editor

    MaterialNote : A Summernote Wysiwyg Editor

    A Summernote wysiwyg editor version converted for Materialize.

    Features:

    • Following toolbar
    • global restyling

    Horizontal Tab Menu with jQuery & CSS3

    Horizontal Tab Menu with jQuery & CSS3

    Horizontal tab menu navigation with left and right arrow key navigation.

    Flapper : jQuery Split-Flap Text Animation

    Flapper : jQuery Split-Flap Text Animation

    Flapper is a jQuery plugin that replicates the split-flap (or “Solari”) displays that used to be common in train stations and airports, and your dad’s alarm clock in the 70s.

    These displays used a rotating stack of letters and numbers printed on hinged panels. As the stack rotated, a new symbol would fall into place. Flapper recreates this effect using CSS transformations.

    Simple lightbox effect with CSS

    Simple lightbox effect with CSS

    Simple lightbox effect made only with css.

    Css.js : CSS parser in JavaScript

    Css.js : CSS parser in JavaScript

    A lightweight, battle tested, fast, css parser in JavaScript.

    Vertical Layout with Navigation

    Vertical Layout with Navigation

    Vertically scrolling sections of content with a slick mobile hamburger navigation.

    Gridlex : Flexbox Grid System

    Gridlex : Flexbox Grid System

    A responsive flexbox based grid system to help you making a responsive website based upon css3 flexbox.

    • Basically each column is the same width as every other cell in the grid.
    • But you can add sizing classes to individual columns.
    • For responsive designs, you can add classes based on media-queries.
    • Top, bottom, or middle. For the grid. And for the columns.
    • Grids can be nested. Always. Directly in a column.

    Horizontal Timeline with CSS3 & jQuery

    Horizontal Timeline with CSS3 & jQuery

    An easy to customise, horizontal timeline powered by CSS and jQuery.

    Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. We decided to separate timeline and events, with the first one working like a slider, while the second one occupying the full width and showing a single event at a time.

    Dual Sliding Panels with CSS3 & JavaScript

    Dual Sliding Panels with CSS3 & JavaScript

    Dual sliding panels for presenting content in a fun way. Built with Stylus and vanilla JavaScript.