jQuery Stickit : Sticky header, sidebar or else when scrolling

jQuery Stickit : Sticky header, sidebar or else when scrolling

This is a jQuery plugin provides a sticky header, sidebar or else when scrolling.

Demo:

Link Quake : Make links shake using CSS3

Link Quake : Make links shake using CSS3

Make links and other elements shake using CSS3.Known to work on Chrome and Firefox.

GalleryModule : Html5 CSS3 & jQuery Single Page Gallery

GalleryModule : Html5 CSS3 & jQuery Single Page Gallery

GalleryModule : Html5 CSS3 & jQuery Single Page Gallery.

FullScreen Background Slider – jQuery SlideShow

FullScreen Background Slider - jQuery SlideShow

The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

Features:

  • Responsive, Mobile-Friendly
  • 20 Animation Effects
  • Lightweight javascript (~14Kb), using CSS3 Transitions
  • Compatible with all major browers
  • 20 built-in patterns
  • Customizable Animation Time
  • init(), destroy(), updatepattern() methods
  • jQuery Animations on Old Browsers

jQuery Tax Calculator with Chart.js

jQuery Tax Calculator with Chart.js

Wow. I forgot to show you all my cool little tax calculator I created! About two weeks ago, I created a jQuery based tax calculator. Same as before, I used bootstrap and jQuery. Wanna use it? Feel free to pull it out of the source! I think this is one of the most fluid tax calculators I’ve seen as well!

Scattered Polaroids Gallery with JavaScript & CSS3

Scattered Polaroids Gallery with JavaScript & CSS3

A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

Stylie : A graphical CSS3 animation tool

Stylie : A graphical CSS3 animation tool

Stylie is a fun tool for easily creating CSS 3 animations. You can configure your animation graphically, tweak it, grab the generated CSS and go!

Responsive HTML5 gallery tutorial with CSS3

Responsive HTML5 gallery tutorial with CSS3

Responsive HTML5 image gallery tutorial. CSS3 acceleration.

Features:

  • Responsivity: adjust layout and behaviour
  • Touch event handling
  • Fastclicks without 300ms click delay
  • CSS3 accelerations
  • SPA architecture
  • Scalable graphics via icon font
  • Client side local storage

Stickyfloat : jQuery Animated Fixed Position Element Plugin

Stickyfloat : jQuery Animated Fixed Position Element Plugin

This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs. This plugin solves that problem with as little code as I could possible get it so it will run in the most optimized way, while also allow you to customize it in many important ways which might suit you best.

Features:

  • Can handle many floated elements, each with it’s own settings
  • Floated elements’ movement can be bound inside their parents’ area
  • Uses Native javascript easing, but using CSS3 transitions would be the optimum (not for IE)
  • Has many settings, such as stick to the bottom or animation style
  • Code is very maintainable and higly efficient

ZoomScript – Touch-Enabled jQuery Image Gallery

ZoomScript - Touch-Enabled jQuery Image Gallery

ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. We have also added an extra thumbnail bar which will show after tap on the screen.

Features:

  • Touch control
  • Responsive
  • Gestures, mousewheel, arrow keys
  • Cross browser compatibility
  • Direct image linking
  • Smart image preloading
  • I18N support