Archive for February, 2012

Slides – jQuery Slideshow Plugin

on February 28, 2012 in Development, Slider

Slides is an elegant and feature rich jQuery slider plugin.

It features looping, auto play, fading or slide transitions, image pre-loading, pagination, previous & next controls and captions.

It also has large number of options to fully customise the slideshow.

Slides - jQuery Slideshow Plugin

jQuery Countdown Plugin

on February 27, 2012 in Date / Time, Development

Countdown is a full featured jQuery plugin to count down to a specific date/time in the future.

There are many options and callbacks to configure it which are well documented and it also features localisation packages.

jQuery Countdown Plugin

Responsive Slides – jQuery Slideshow Plugin

on February 26, 2012 in Development, Slider

Responsive Slides is a super lightweight (less than 1kb minified) jQuery slideshow plugin.

It has options to configure the speed of the fade transition, speed of the slideshow and to auto-play.

It also features pagination of the slides and is compatible with mobile and legacy browsers including IE6.

CSS is only required to style the pagination if it is used.

Responsive Slides - jQuery Slideshow Plugin

Facebook / Twitter Style Mentions Input – jQuery Plugin

on February 25, 2012 in Autocomplete, Development, Widget

Mentions Input is an auto-complete form input jQuery plugin that recreates the @mention used in Twitter and Facebook.

Unlike a traditional auto-complete widget, it is triggered with a character such as @ – but this can be changed in the configuration options.

The data store can be local or it can be retrieved remotely with AJAX. An image such as an avatar can also be returned and displayed in the drop-down results.

The plugin has a number of options and callbacks which makes it an extremely useful UI component.

It wont work in legacy browsers such as IE6 & IE7 without a poly-fill as it requires the HTML 5 input event but this is also included.

Facebook / Twitter Style Mentions Input - jQuery Plugin

Web Symbols Typeface

on February 25, 2012 in Design, Fonts, Icons

Web Symbols is a vector html-compliant typeface that includes icons and symbols that are commonly used in web interfaces.

It is compatible with @font-face and can be used in your sites with the following snippet:

@font-face{
font-family: 'WebSymbolsRegular';
src: url('/fonts/websymbols-regular-webfont.eot');
src: url('/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/websymbols-regular-webfont.woff') format('woff'),
url('/fonts/websymbols-regular-webfont.ttf') format('truetype'),
url('/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

Web Symbols Typeface