elclanrs/jq-tiles 8 Released August just got a little hotter, because jQuery 1.8 final code is here! You can pick up the code from jQuery’s CDN: As usual, the Google and Microsoft CDNs will also have the file soon. Please don’t ask us about when they’ll be there, we don’t know and we don’t control those CDNs! We don’t expect to get any bug reports on this release, since there have been several betas and a release candidate that everyone has had plenty of opportunities to thoroughly test. If you do find a bug, please create a test case on jsFiddle or jsbin and file a bug on our bug tracker. A Whirlwind Tour of jQuery 1.8 Let’s just recap the big changes in this release: Sizzle re-architected: jQuery’s selector engine is faster than ever, thanks to a rewrite (well, really two rewrites) by Timmy Willison. Animations re-imagined: Over time, the animation code in jQuery had become kind of messy. The full changelog is available below, in case you’re wondering whether your favorite bug was squashed. What’s Been Removed Ajax
ResponsiveSlides.js · Responsive jQuery slideshow BigVideo.js - The jQuery Plugin for Big Background Video The jQuery Plugin for Big Background Video (and Images) This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). BigVideo.js is built on top of Video.js from zencoder. You can read about how to use BigVideo.js below. DOWNLOAD: zip tar examples bower install BigVideo.js Setup BigVideo.js uses the Video.js api. To simply play a video that takes up the entire browser window (like in this example), do this: For crossbrowser fallbacks, you can include a source order with different video formats. Ambient Video To play silent video in the background of a page (like in this example), use BigVideo’s ambient setting: Or play a series of ambient background videos (like in this example) Keep in mind that mobile devices do not allow video autoplay. Video.js Because BigVideo.js is built on top of Video.js, you can use the Video.js api. BV.getPlayer().pause(); Tips For best results, I recommend using Vimeo.
15+ jQuery Popup Modal Dialog Plugins and Tutorials « Swadesh Programming Blog Modal dialog windows are a great way to show quick information to your users, but to also alert them of errors, warnings, prompts for information and more. When you bring jQuery into the mix, you know you’re going to end up with a slick dialog that really makes the application or website come alive. The following is a list of 15+ jQuery Popup Modal Dialog Plugins and Tutorials. There are a couple towards the bottom that you’ll want to pay attention to. Let the fun begin! jqModal qModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. NyroModal Modal popup windows provide a quick way to show data without reloading the entire page. Simple jQuery Modal Window Tutorial In this tutorial, I’m going to share how to create a simple modal window with jQuery. jQuery UI Dialog The jQuery UI framework offers up a functional Dialog widget that allows resizing and also the ability to display forms. Like this: Like Loading...
Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. Widgets Widgets are full-featured UI controls that bring the richness of desktop applications to the Web. Effects Effects add support for animating colors and class transitions, as well as providing several additional easings. Utilities Utilities used by jQuery UI to build interactions and widgets. 8 Most Popular jQuery Plugins of January 2012 Last month developers were busy with jQuery and it is time to go through some of the most popular jQuery plugins they created in January 2012. 1. Scrollorama The jQuery plugin for doing cool scrolly things. 2. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. 3. A super awesome, customizable text input supporting tags, autocomplete, ajax and other goodness in a crazy cool a-la cart way. 4. A jQuery port of impress.js based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. 5. A jQuery plugin that allows you to display list items in a similar way like a iPhone home screen. 6. Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element. 7. A jQuery plugin for making scrolling presentation decks, It uses Scrollorama and keyboard listening to manage the slide transitions 8. * Enjoyed this roundup? * January 2012 background by Wow!
jQuery Mobile 10 jQuery Pagination Plugins jQuery pagination plugins provide an easy way to automatically seperate your information into generated hyper-linked pages, abit like a book with page numbers. The implementation can either be a) all data is loaded on 1 page and then the plugin evenly splits the data and creates the pages; or b) by passing the page number to the back-end, where the appropriate data is fetched from the database and returned in some form. When dealing with small data sets its easier to have the content readily available, but still neatly organized and easy to access. Well, we have just the thing for you – check out the plugins and tutorials below. Update 25/05/2013: Added 11. 1. Is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Source 2. jPaginate: A Fancy jQuery Pagination Plugin Is a jQuery pagination plugin that comes with a twist: animated page numbers. Source 3. jQuery Pagination Plugin Source 4. Source 5. Source 6. jPaginator Source
15 Resources To Get You Started With jQuery From Scratch Maybe you're a seasoned jQuery pro. Heck, maybe you're John Resig. On the other hand, maybe you read words like "Prototype", "jQuery", and "Mootools" and think to yourself, "What the heck are these?" Now is the time to learn. In this industry - now more than ever - designers are becoming coders, and coders are becoming designers. What Exactly Is jQuery? According to jQuery.com, jQuery is a fast, concise, JavaScript library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. In simpler terms, jQuery allows you to turn ten lines of traditional Javascript code into two! Why Would I Use This Library Over The Others? Ultimately, it comes down to preference. Cross-Browser Compatibility. CSS Selectors. Chaining. jQuery uses a pattern called "chaining" for its methods. If you're intrigued, you should be! Step 1: Download The Library Recommended Reading
Easy Ajax with jQuery This article was written in 2011 and remains one of our most popular posts. If you’re keen to learn more about jQuery, you may find this recent article on jQuery 1.9 of great interest. Ajax is changing web applications, giving them a responsiveness that’s unheard of beyond the desktop. But behind all the hype, there’s not much to Ajax — HTML, JavaScript, and XML are nothing new, and in this tutorial, I’ll show you how to simplify the process of adding Ajax to your application even further with the help of jQuery. What’s Ajax? You’ve probably heard about Ajax before, or at least used an Ajax-based application — Gmail, for instance. Unfortunately, in-depth tutorials on practical ways to enter the world of Ajax are few and far between. What’s jQuery? jQuery is another mature JavaScript library that offers some features that the others do not. Assumed Knowledge To complete this tutorial, you’ll need some basic JavaScript knowledge. jQuery 101 $("div.foo").append("Hello World!"). Easy!