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 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 4 Solutions for Full-Screen Background Images Full-screen background images are nothing new in web design, but the ways in which we can achieve this effect have changed and improved as our industry has progressed. Additionally, the whole responsive web design movement has put even more emphasis on the need for dynamic websites – using dynamically resizing background images in your website designs can be a great solution to this need. Let’s look at 4 different solutions for full page background images, starting with a CSS-only solution and moving into a few different jQuery-powered solutions. All of these solutions are free, well-documented and relatively easy to implement, too! CSS3 Method You gotta love when you can solve a problem solely by using CSS. It’s dead-simple – here’s a code example: Browser Support: This is the main downside – Internet Explorer doesn’t recognize background-size below IE9. jQuery BackStretch Browser Support: modern browsers & IE7+. jQuery AnyStretch Supersized Full Page Slider

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

Sly Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. Dependencies jQuery 1.7+ And that's it. Compatibility Sly works in every desktop browser, and due to some divine intervention, even in IE6+, but that is a complete accident. Mobile Sly does touch events, and I'm generally trying to make it work everywhere, but the fact is that mobile is not tested. Changelog Sly upholds the Semantic Versioning Specification. Support Reward the developer And make him happy for maintaining this library! I don't want to go the Isotope & family route and monetize my libraries. Performance In an attempt to achieve the most responsive experience with smoothest animations possible a lot of emphasis is placed on performance. Examples Documentation Forum

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.

Top 5 jQuery Plugins for April 2013 jQuery can be considered as the spine of web development, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery plugins enrich web applications development by making them multifunctional and visually stunning. Every month number of jQuery plugins released all over the web, Here at CodeGeeks we have amassed 5 useful jQuery plugins released this month, which might help you to enhance your websites by making them multifunctional, user friendly and visually creative. 1. MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. 2. Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device. 3. 4. 5. Unslider is the jQuery slider that just slides. — Gavin A Web addicted Geek stuck inside Tron.

Unheap - A tidy repository of jQuery plugins 25 Amazing Responsive jQuery Slider Plugins With almost every aspect of the internet going mobile, more and more web developers than ever before are being hired primarily to ensure that websites acquire responsive capabilities. Indeed, as the mobile computing continues to heat up, the demand for responsive WordPress templates, HTML themes, and plugins is likewise on the rise. Among the web elements that need to go responsive to keep up with the times, are the image showcase mechanisms of websites. We are referring here of sliders, carousels, galleries, accordions and others which are common features of websites and looks great on most sites using a to show off key content and images. These things need to go responsive as well to accomplish 100% responsiveness of any given site. Sliders with a responsive layout scale the images and the typography to fit the screen size. Responsive KenBurner Slider jQuery Plugin - MORE INFO | DEMO Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website.