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

Schedule Template in CSS and jQuery

Schedule Template in CSS and jQuery

A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…).From a web designer perspective, it is handy to have a simple, responsive template to use if you ever need to create a schedule table.

Cubes Advent Calendar with CSS & JavaScript

Cubes Advent Calendar with CSS & JavaScript

A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.

Artsy Media Pop Up Effect with CSS3

Artsy Media Pop Up Effect with CSS3

day we’d like to share some artsy fun with you! We created some proof-of-concepts for simple media pop ups. The idea comes mainly from Forward Festival’s website and Tim Holman’s rad GifLinks project. We adventured ourselves with mix-blend-mode, masks and clip-path.

SolidMenu+ : jQuery Responsive Mega Menu

SolidMenu+ : jQuery Responsive Mega Menu

Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

  • 100% Responsive, Works on All Devices
  • One Code: Works in All Devices
  • Beatiful Look and Feel
  • Bootstrap Navbar Framework
  • Bootstrap Drop Down Menu
  • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
  • Line Icons Included, Vector Icons
  • Custom Widgets, Carousels, Images, Google Map, Sliders
  • Very light weight, No image needed
  • Easy Integration for your Web Projects
  • Varieties of Pure CSS3 Animations

Expand Table Rows Using jQuery HTML And CSS

Expand Table Rows Using jQuery HTML And CSS

In this tutorial we will show you how to expand table rows using jQuery, HTML and CSS when user clicks on a row a box with some additional details will show and when user again clicks on that row box will hide.You may also like pricing table using HTML and CSS.

Stripe.com Navigation in CSS & jQuery

Stripe.com Navigation in CSS & jQuery

A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

Wenk : Lightweight Pure CSS Tooltip

Wenk : Lightweight Pure CSS Tooltip

Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. The minified version is just 701 bytes when gzipped. It can easily be styled using data-* attributes or classes. By default the tooltip will adjust to fit the content.

WidgetPop : CSS Multipurpose Ready-made Popup Templates

WidgetPop : CSS Multipurpose Ready-made Popup Templates

WidgetPop is a modern intuitive HTML5 CSS3 multipurpose Popup to convert website visitors into prospect leads. The WidgetPop is responsive and works in all modern devices and browsers from mobile to desktop.

  • HTML5 + CSS3
  • Responsive Design
  • Easy Customisation
  • Unlimited Color schemes

ViewScroller.js : jQuery Fullpage website Scrolling

ViewScroller.js : jQuery Fullpage website Scrolling

ViewScroller.js is a  small and easy to use solution that allows you to create fullpage scrolling websites.

It uses CSS3 transitions and jQuery animations depends on browser abilities. It’s important because some old browsers like IE8 has no CSS3 support.

Text-Spinners : Pure CSS Inline Loading Indicators

Text-Spinners : Pure CSS Inline Loading Indicators

Pure text, CSS only, font independent, inline loading indicators.