jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Fixed Auto-Hiding Nav Bar with JavaScript

Fixed Auto-Hiding Nav Bar with JavaScript

Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

Alternate Fixed & Scroll Backgrounds with CSS

Alternate Fixed & Scroll Backgrounds with CSS

How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

Clipping in CSS and SVG

Clipping in CSS and SVG

CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.

shCircleLoader : HTML5 Circle loading animation jQuery plugin

shCircleLoader : HTML5 Circle loading animation jQuery plugin

shCircleLoader is a jQuery plugin, which helps web developers to create a variety of loading animations and integrate them easily into their web applications.

Features:

  • Customizable animation controlled by a wide range of options.
  • Normally you do not have to include CSS file, but you can do this turning off CSS styling from the script.
  • CSS “namespaces” allows you to create different loading animations in one page.
  • Custom CSS keyframe animtion declarations.
  • Optional progress status in the center of the animation.

Smart Fixed Navigation with CSS3 & jQuery

Smart Fixed Navigation with CSS3 & jQuery

A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.

Inspiration for Custom Select Elements with CSS3 & JavaScript

Inspiration for Custom Select Elements with CSS3 & JavaScript

Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform the HTML elements into a structure that allows us to do some better styling, especially for more complex inputs like the select element. Once a custom structure is in place, the possibilities are really endless and the aim of creating a better experience for the user can be reached more easily.

Simple jQuery/CSS3 slider

Simple jQuery/CSS3 slider

Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)

BWL Searchable Accordion jQuery Plugin

BWL Searchable Accordion jQuery Plugin

BWL Searchable Accordion jQuery Plugin provide you a great way to create responsive and animated accordions for your website. This jQuery plugin comes with well commented jQuery code and valid HTML5 markup, so that you can easily customize code without any issue.

Features:

  • Smooth jQuery & CSS3 based Accordion.
  • Unique search bar to find contents easily.
  • Unlimited Accordions in a single page.
  • 14+ Smooth Animation & Effects.
  • 6 Stylish Predefined Accordion Theme.
  • Less file included for easy CSS customization.
  • Font Awesome.
  • Google Fonts.
  • Retina Ready.
  • Responsive Accordion

Bounce.js : CSS3 Keyframe Animation Generator

Bounce.js : CSS3 Keyframe Animation Generator

Create tasty CSS3 powered animations in no time. Bounce.js is a tool for generating tasty CSS3 powered keyframe animations.

jQuery Smoove – Gorgeous CSS3 Scroll Effects

jQuery Smoove - Gorgeous CSS3 Scroll Effects

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.



Best jQuery websites design awards