Trigger jQuery events for your responsive design breakpoints!.Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.
jQuery Autofill City & State from Zip Code with Ziptastic
Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and state are redundant with zip code. Or at least they can be inferred from a correctly entered zip code. That’s the kind of thing computers are good at. What we need is a proper API to cough up that information for us on demand
We’re going to watch the zip input for keystrokes. Should the final value after a keystroke be a valid zipcode, we’ll attempt to get the city and state through Ziptastic and reveal the other fields.
jNewsticker : jQuery News Ticker
jNewsticker is a powerful jQuery plugin designed to seamlessly integrate into your website. Pre-packed with three news ticker styles and three skins, you can easily create your own skins.
jNewsticker is about giving you choice. Out of the box, it comes with three styles of news ticker:
- Fade between news items (one is displayed at a time)
- Continuously scroll between news items
- Reveal news items, one character at a time (also known as the typewriter effect)
And if you understand Javascript and jQuery, you can create your own news ticker styles to sit on top of jNewsticker.
Fathom.js : Making a presentation with jQuery
Fathom.js – Present JavaScript in its native environment.If you’re making a presentation on JavaScript, make it in Javascript.
Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you’re done, Fathom.js even lets you sync the video of your presentation quickly and easily.
Fathom.js comes with mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.
vintageJS : jQuery HTML5 plugin to add a vintage look to images
vintageJS is a jQuery plugin that uses the HTML5 canvas element to add a vintage look to images. It comes with three effect-presets and can be customized very easily.
You can change the effect by adding options to the vintageJS call. There are three presets that you can use:
default: the default preset is used when no preset is givensepia: sepia effectgreen: green color overlay vintage effectgrayscale: turns image into grayscale imagecustom: Only curves will be adjusted, all the other effects are switched off so that you can build your own vintage look
Kartograph : jQuery Interactive map applications without Google Maps
Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.
The core concept of Kartograph is to separate the mapping process in the map generation and map rendering part. The client-side library kartograph.js renders pre-generated maps stored in SVG files. You can chose among hundreds of ready-to-use maps or simply generate your own using kartograph.py, the open source Python SVG map generator.
Flux Slider : jQuery CSS3 Animation based image transitions
Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.
Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can’t, e.g. rotations.
The aim is to use hardware acceleration where possible to improve performance on less powerful devices, such as mobiles & tablets.
