miSlider : jQuery Multi-Item Slider Plugin

miSlider : jQuery Multi-Item Slider Plugin

Multi-item Slider or miSlider is an open-source jQuery slider plugin specifically designed for displaying multiple images or slides of content. The slider can be configured to display one slide at a time, as many slides as possible or anything in between.

Features:

  • Easy to use
  • Supports one or more slides on screen
  • Slides can be single images or complex HTML
  • Lightweight
  • Only requires jQuery core
  • Responsive – Can automatically calculate the number of slides that fit on screen
  • Easily customizable
  • Callbacks for slider events
  • Cross-Browser Support – Supports IE8+

Trigons – Create and Animate Abstract SVG Images

Trigons - Create and Animate Abstract SVG Images

Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

Features:

  • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
  • Created Trigons SVG images can be responsive.
  • Retina perfect
  • Flexible and powerful settings
  • Works in all modern browsers
  • Any color, any size
  • Clean bright or flat colors or gradients
  • Build-in Color Palette Generator
  • Convert to PNG
  • Use it as “background-image”
  • Dynamic add, update, animate and convert with 7 JavaScript methods
  • Click, Hover and “Viewport” events
  • Separate “In” and “Out” Animations
  • “Force” Animation Methods
  • Use it via JavaScript and/or via HTML5 data attributes

Build a Dynamic Grid with Salvattore and Bootstrap

Build a Dynamic Grid with Salvattore and Bootstrap

Salvattore touts itself as a jQuery Masonry alternative with one important difference: it uses CSS configuration instead of JavaScript. These kinds of grids can be seen all over the web, probably most famously on Pinterest.

Today, we will use Salvattore in combination with Twitter Bootstrap 3 to make a responsively awesome flowing grid structure.

Create a Tiled Background Slideshow with CSS3

Create a Tiled Background Slideshow with CSS3

A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

ScrollMe : jQuery plugin for Animated Scrolling Effects

ScrollMe : jQuery plugin for Animated Scrolling Effects

Scrollme is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a single line of javascript is required.

boxes : jQuery Popup Boxes plugin

boxes : jQuery Popup Boxes plugin

jQuery plugin for three kind of popup boxes: Alert box, Confirm box, and Prompt box.

Create a Masked Background Effect With CSS

Create a Masked Background Effect With CSS

Today we’re going to be stepping through a really cool technique you can use to create an effect that’s a little bit like parallax scrolling, yet doesn’t need any JavaScript; it can be achieved very simply through pure CSS.

This technique could be used to create great product description pages, or even something akin to a Powerpoint/Keynote presentation, and would be a great potential fit for online story illustration.

HTML5 MP3 Sticky Player WordPress Plugin

HTML5 MP3 Sticky Player Wordpress Plugin

MP3 Sticky Player WordPress Plugin is a powerful responsive HTML5 mp3 player for your wordpress website that can be added at the top or bottom of the window, it runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android, Windows8.There are five playlist types, the first playlist type is the normal type that allows to add tracks (mp3’s files) with a high degree of customization, the other four playlist types can be created with a single data source URL that can be loaded from Soundcloud, Official.fm, Podcast or generated from a folder with mp3 files.

jQuery Unobtrusive Background Image Switcher

jQuery Unobtrusive Background Image Switcher

jQuery plugin that switches background images of a website – can be used as an image slider or a full screen background image switcher as well as image preloader.

Demo 1 Demo 2 Demo 3

jQuery Museum : A zero-clutter jQuery Image Gallery

jQuery Museum : A zero-clutter jQuery Image Gallery

A zero-clutter jQuery image gallery lightbox that works well on desktop & mobile. Single file. No animations or styling.

Features:

  • Single file.
  • Works well on desktop & mobile.
  • Clicking the image (or hitting arrow keys) goes to the next one.
  • Clicking outside the image (or hitting escape) closes the overlay.
  • Images can be deep-linked (uses URL hash).
  • The browser back button is respected.