background preloader - A jQuery plugin a Day - A jQuery plugin a Day
Bootstrap-Modal Bootstrap-Modal is a jQuery plugin that extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events. Created by Jordan Schroter DownloadHomeExample View more →

Related:  js, jquery

Fullscreen Overlay Styles & Effects Previous Demo Back to the Codrops Article Overlay fades in and menu rotates slightly in perspective. As seen on Huge If you enjoyed this demo you might also like: Perspective Page View Navigation Animated Border Menus jQuery File Tree · A Beautiful Blog Overview jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.

Google Makes Custom Web Typography Ridiculously Easy Google has once again given an excellent new tool to designers and developers (and even CSS-savvy "common folk") who long for better, more diverse typefaces on the web: a cool Font Previewer that makes adding a new font to your site as simple as copy/pasting a few lines of code. Back in May, Google rolled out its Font Directory and the Google Fonts API. The idea was that these tools would make it simpler for designers and devs to embed a wider range of fonts in their sites and applications. The previewer takes a few steps out of that process by giving you an idea of how a given typeface will look on your site; letting you adjust the font size and weight; letting you tinker with the leading, kerning and tracking; generating a number of drop shadows if you require them; and generating the code you need to make the magic happen.

6 New jQuery Techniques to Spice Up Your Design Content Designers are constantly striving to create eye-catching and interactive layouts without losing the usability features that add significant importance to the user’s experience. Since there are various forms of techniques being used nowadays, it can be quite confusing when choosing the perfect one. Content can either help to enhance the design, or serve as a focal point. The main challenge here is to do something simple because we’re dealing with interactive content so everything will change pretty often. Having said that, let us examine 10 jQuery techniques that proved to offer a rich browsing experience.

ColorBox - a jQuery lightbox A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Headhesive demo - Mark Goodyear Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action Soft southern pansy ne'ermind breadcake eeh gi' o'er be reet. Th'art nesh thee. What's that when it's at ooam be reet where's tha bin.

Motio - jQuery plugin Introduction Motio is a small JavaScript library for simple but powerful sprite based animations and panning. It takes an element, and changes the background position to create an animation effect. Dependencies Motio has no dependencies, but there is an optional Motio jQuery plugin version available. Compatibility Foundation: HTML Templates News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking.

Related:  web librariesrastorizeWeb Design