background preloader

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any image to fit the page or block-level element, and will automatically resize as the window or element size changes. Images are fetched after your page is loaded, so your users won't have to wait for the (often large) image to download before using your site. Demos Where can I get it? If you are interested in learning more about Backstretch, it's recommended that you view the project on GitHub. Support Basic support is offered through Github's issues tracker. If you are in need of immediate support, Email Support is available for $17. Other jQuery Plugins

tombonner/jurlp FredHQ - Roundabout for jQuery by Fred LeBlanc It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. See Roundabout In Action Add-Ons Roundabout is equipped to play nicely with a couple of other plugins if they’re made available. Roundabout Shapes by Fred LeBlanc Roundabout can move in more ways than just a turntable. But That’s Not All! The list above is only a list of the plugins that have support baked in, but Roundabout will play nicely with many other plugins. Learn Support New in V2 The code is also a lot cleaner and better commented, which will hopefully allow you to get in there and tweak if you want to. to this: Usage

ScrollMagic - Demo jQuery GPS jQuery GPS 2.0 is coming soon! The new version will work with the newest version of the Google Maps API, will be lighter weight, but still have all the features you have come to know and love about jQuery GPS. jQuery GPS is a jQuery plugin for people that want to addGoogle maps to their website, but don't want their website to be bogged down with features they don't need. Jquery GPS is a lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID's. You can use any element to trigger the event! The default ID's make it easy to create an application that will give directions and a highlighted map right on your website! jQuery GPS also has the ability for you to select the place the map shows when it first loads, and to open a toolip and load a graphic image on that starting location. If you like the plugin then Help Spread the Word! Download it here! See a Demo! Thats it! Check out the documentation for more info

jQuery Realtime Chat with Node.js By Nick Anastasov | In this tutorial, we are going to build a realtime chat system with Node.js, Express and the socket.io library. Visitors will be able to create private rooms in which they can chat with a friend. Read more My New Favorite Technique ForHiding Overflowing Text By Martin Angelov | In this short tutorial, I will show you my new favorite technique which fades overflowing text gracefully into the background – a perfect addition to your new design. Inspiration for Text Input Effects Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements. View demo Download source Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. We are used to the default form resembling its paper counterpart but in the digital world we can be more creative. Today we want to share some experimental styles and effects for text inputs with you. Please note that this is for inspiration only and that we use CSS properties which only work in modern browsers. For the markup we use a span as a wrapper for the input and its label. <span class="input input--haruki"><input class="input__field input__field--haruki" type="text" id="input-1" /><label class="input__label input__label--haruki" for="input-1"><span class="input__label-content input__label-content--haruki">First Name</span></label></span>

jQueryUI Icons List / Cheatsheet ui-icon-arrowthick-2-ne-sw ui-icon-arrowthick-2-se-nw ui-icon-arrowthickstop-1-n ui-icon-arrowthickstop-1-e ui-icon-arrowthickstop-1-s ui-icon-arrowthickstop-1-w ui-icon-arrowreturnthick-1-w ui-icon-arrowreturnthick-1-n ui-icon-arrowreturnthick-1-e ui-icon-arrowreturnthick-1-s ui-icon-transferthick-e-w ui-icon-circle-triangle-e ui-icon-circle-triangle-s ui-icon-circle-triangle-w ui-icon-circle-triangle-n ui-icon-circlesmall-minus ui-icon-circlesmall-close ui-icon-squaresmall-minus ui-icon-squaresmall-close ui-icon-grip-dotted-vertical ui-icon-grip-solid-vertical ui-icon-grip-solid-horizontal ui-icon-gripsmall-diagonal-se Questions, comments, criticism, or requests related to the jQuery UI Button Icon Cheatsheet can be directed Here Copyright © 2010 Pete Freitag ( All Rights Reserved.

jQuery Form Validation with Styles from Twitter Bootstrap | aLittle{Code} Feb 5, 2013 This tutorial, the demo, and the jQuery code have been updated in light of excellent recommendations made by commenters. Thanks all! The jQuery Validate plugin by Jörn Zaefferer is a fantastic tool for providing users with immediate feedback while completing a web form. Here I’ve put together a working example, integrated with markup and styles from Twitter Bootstrap’s excellent front-end framework. See the Demo Get the Sample Files Leave a Reply

Related: