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

Tingle.js : JavaScript Modal Plugin

Tingle.js : JavaScript Modal Plugin

Tingle is a minimalist and easy-to-use modal plugin written in pure JavaScript.

  • No dependencies required
  • Fully customizable via CSS
  • CSS transitions
  • Simple API
  • No extra files to download
  • Created with UX in mind

Background Segment Effect with CSS & Anime.js

Background Segment Effect with CSS & Anime.js

Today we’d like to share a little decorative effect with you that we’ve encountered on Filippo Bello’s Portfolio, maybe you’ve seen it. It’s a really neat way to add some jazz to background images. The idea is to replicate boxes from a background with the same background image and make these boxes move in perspective towards the viewer. Adding a fitting shadow and some parallax makes all this look quite interesting. Furthermore, we’re employing anime.js, the easy-to-use JavaScript animation library by Julian Garnier.

3D Portfolio Template in CSS & jQuery

3D Portfolio Template in CSS & jQuery

A portfolio template, with a filter that triggers the rotation of 3D sections.

CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.

jQuery Scroll to Top – 32 Animations

jQuery Scroll to Top - 32 Animations

Scroll to top is a multi-purpose, fully responsive scroll to top button which allows you to scroll to the top of the website with silky-smooth animation (32 animation types). Release you users from endless scrolling back to top with this one click add-on.

Based on HTML5 & CSS3 to deliver best user experience on any smartphone, tablet and notebook/desktop computer.

 

  • 32 animation effects
  • 8 predefined, awesome color themes
  • 6 button positions
  • 4 button layouts
  • responsive
  • CSS3 animated button
  • Font Awesome
  • cross browser support
  • 100% Bootstrap compatible

 

Create Simple Image Editor Using jQuery, HTML5 And CSS

Create Simple Image Editor Using jQuery, HTML5 And CSS

In this tutorial we will show you how to create a simple image editor using jQuery, HTML5 and CSS.We use different CSS filter like Grayscale, Blur, Exposure(brightness), Sepia and Opacity to edit the image you can add more effects if you want.

WowRating – Make Rating with Effect WOW

WowRating - Make Rating with Effect WOW

WowRating is flexible, customizable rating system written in pure JavaScript. Plugin has predefinied shapes but every presented effect can be used with any svg file.

Inspiration for Navigation Indicators with CSS

Inspiration for Navigation Indicators with CSS

Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the user where he is currently. In this collection we want to explore a couple of subtle designs that make navigating fun and interesting. The example that we are using is a vertical slideshow but the styles can be envisioned and adjusted for many other components.

Product Builder with CSS and jQuery

Product Builder with CSS and jQuery

A customizable and responsive product builder for your online store.Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining different options. At the end of this process the user is generally given an action to perform: save the build, share it or buy the product directly.

Cool CSS Loading Effects for Grid Images

Cool CSS Loading Effects for Grid Images

TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.

Curtain Opening Effect Using jQuery And CSS

Curtain Opening Effect Using jQuery And CSS

In this tutorial we will show you how to create a curtain opening effect using jQuery and CSS. You have seen in many shows and dramas the curtains on the stage moves to left and right side on show starting and then moves to right and left in ending that’s exactly what we were going to create in this tutorial.



Best jQuery websites design awards