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

    jQuery File Browser Awesome

    jQuery File Browser Awesome

    Today we want to share a cool experiment with you. It is a file browser awesome, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3.

    Vertical Timeline with CSS3 & jQuery

    Vertical Timeline with CSS3 & jQuery

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

    Flat Form with Bootstrap 3

    Flat Form with Bootstrap 3
    • Bootstrap 3
    • Font Awesome icons
    • 2 Registration form
    • Login form
    • Forgot password form
    • Subscribe form
    • Contact form
    • Review Form
    • Checkout form
    • Shortcodes – includes many form elements
      • 2 type of ratings
      • Toggle buttons
      • Custom select
      • Custom file input
      • Tooltips
      • Alerts (5 colors)
      • Animated buttons (6 colors)
      • Social buttons

    Unfolding the Box Model with CSS3 & jQuery

    Unfolding the Box Model with CSS3 & jQuery

    Interactive slides that explore CSS 3D Transforms. Press left or right arrow key to advance. Watch in full-screen for best results.

    Perspective Mockup Slideshow with CSS3 & JavaScript

    Perspective Mockup Slideshow with CSS3 & JavaScript

    An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.

    A while back, Franklin Ta wrote an article and made a really useful script for transforming an element in 3D in order to fit in a perspective mockup. In his article, he describes how the helper script can be used to create a 3D matrix transformation for embedding an iframe into a mockup image. We thought that it must be really interesting to add a slideshow in order to showcase ones work.

    Pricing Tables with jQuery & CSS3 Animation

    Pricing Tables with jQuery & CSS3 Animation

    Simple responsive pricing tables, in 3 different styles and with a bouncy animation while switching to different plans.

    jQuery Online Product Customizer

    jQuery Online Product Customizer

    Online Product Customizer is a jQuery powered fully responsive online design software, incorporated with marvelous features to design/print a variety of products, including t-shirt, sign, greeting, labeling, photo frame, lettering, sticker and apparel. A plenty of remarkable features of this online product design tool enable the users to design & customize products exactly according to their needs. It can be used as online t shirt designer tool, online greeting card design software or online laptop design tool to design creative & trendy products.

    • Provides 3 ready to print or Direct to Garment output files like svg, png and pdf
    • Use flexible pricing setting to set price on any of element such as color, artwork or text
    • Option of Google fonts can be enabled in online product customizer
    • JSON format enables to update products, fonts, cliparts & more
    • Colorable Artworks to make it possible for you to set cliparts for users in order to change color
    • User can upload their own images
    • Fully responsive & flexible product design tool
    • Vendors specified products.
    • Get smooth drag, slide, rotate and flip content functionality on tablets & smartphones as this online design tool is touch enabled
    • Share your creative design on Facebook, Twitter and email.
    • Products can be adorned with multiple colors & views

    VS Builder – Pure HTML and CSS Page Builder

    VS Builder - Pure HTML and CSS Page Builder

    VS Builder – an intuitive and handy page builder. It is based on the Zurb Foundation grid and offers you a flexible way to build your personalized layout. With just one click you’ll get a generated CSS and HTML code similar to one that was written by a professional developer.

    Features:

    • Drag & Drop sliders
    • Awesome preloader
    • Parallax effect
    • Video block
    • Responsive layout
    • Retina ready
    • Smooth transition effects

    CSS animation event JavaScript library

    CSS animation event JavaScript library

    Cross browser compatible library to handle CSS3 animation and transition DOM events with a fallback pattern for unsupported browsers.For browsers that don’t support CSS3 animation or transition, faux end callbacks will be fired by cssanimevent.js.