Tutorial ([5]javascript[3])

Facebook Twitter

iLightBox · Revolutionary Lightbox Plugin. 5 Ways to Make Ajax Calls with jQuery. There are at least five ways to make AJAX calls with the jQuery library.

5 Ways to Make Ajax Calls with jQuery

For beginners, however, the differences between each can be a bit confusing. In this tutorial, we'll line them up and make a comparison. Additionally. we'll review how to inspect these AJAX calls with Firebug as well. What is AJAX This section is for those who have no idea what AJAX is.

Test (javascript[2] frontend[1])

Browser. Description: Contains flags for the useragent, read from navigator.userAgent.

browser

This property was removed in jQuery 1.9 and is available only through the jQuery.migrate plugin. Please try to use feature detection instead. The $.browser property provides information about the web browser that is accessing the page, as reported by the browser itself. It contains flags for each of the four most prevalent browser classes (Internet Explorer, Mozilla, Webkit, and Opera) as well as version information. Spotlight: jQuery replaceText. Every other week, we'll take an ultra focused look at an interesting and useful effect, plugin, hack, library or even a nifty technology.

Spotlight: jQuery replaceText

We'll then attempt to either deconstruct the code or create a fun little project with it. Today, we're going to take a look at the excellent replaceText jQuery plugin. Interested? Let's get started after the jump. Spotlight: jQuery replaceText. By Siddharth for the lovely folks at Nettuts+ This page uses the popular replaceText plugin by Ben Alman.

Spotlight: jQuery replaceText

In this demo, we're using it to highlight arbitrary chunks of text on this page. Browser detect. Page last changed today A useful but often overrated JavaScript function is the browser detect.

Browser detect

Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari. Building and Testing a Backbone App. In this tutorial, we'll develop a Backbone.js application, while testing it with Jasmine.

Building and Testing a Backbone App

Not good enough for you? We'll do it all using CoffeeScript. Trifecta! jQuery Testing with Jasmine. CoffeeScript. Manipulating the browser history. The DOM window object provides access to the browser's history through the history object.

Manipulating the browser history

It exposes useful methods and properties that let you move back and forth through the user's history, as well as -- starting with HTML5 -- manipulate the contents of the history stack. Traveling through history Moving backward and forward through the user's history is done using the back(), forward(), and go() methods. Moving forward and backward To move backward through history, just do: Jzaefferer/simple-history. jQuery imagesLoaded. JavaScript is all like "You images done yet or what?

jQuery imagesLoaded

" imagesloaded.desandro.com Detect when images have been loaded. Demo Edit this example on CodePen or try the jQuery example. RoyalSlider for WordPress - Touch-Based Image and Content Slider. Brand-new version of the most popular plugin on CodeCanyon 10+ templates, 5+ skins, 100+ options RoyalSlider plugin for WordPress uses same script as HTML version and supports everything that HTML version does.

RoyalSlider for WordPress - Touch-Based Image and Content Slider

View all frontend featuresTemplates and skins are sets of options and CSS styles that can be applied in a one single click. View RoyalSlider demos. Slideshow with jmpress.js. Swatch Book with CSS3 and jQuery. .sb-container div:nth-child(1){ background-color: #ea2a29; box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);

Swatch Book with CSS3 and jQuery

Circle Hover Effects with CSS Transitions. A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. View demo Download source In today’s tutorial we’ll experiment with hover effects on circles. Since we have the border radius property, we can create circular shapes and they have been appearing more often as design elements in websites. Controlling Animation Timing in jQuery.

Animation and function timing can often seem like an uphill battle in Javascript. Thankfully jQuery’s variety of timing control mechanisms provide excellent alternatives to Javascript’s standard order of function processing. With both callback functions and chainable methods, jQuery allows much greater control over animation timing than Javascript alone. jQuery Transit - CSS3 animations for jQuery. What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation.

Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! Tutorials. Building an Animated Cartoon Robot with jQuery. Why? Aside from being a fun exercise, what purpose does something like this have? None that's plainly obvious. Its about as useful as a miniature ship in a bottle. Yet it does have an underlying purpose. It could inspire someone to look beyond the perceived constraints of web designers and developers. 9 jQuery Mistakes you Shouldn’t Commit. jQuery is so easy to use that sometimes we just forget that it’s not CSS. While using CSS, we don’t have to give much thought to performance, because it’s so fast that it’s not worth the effort to optimize it. But when it comes to the real world, jQuery can drive developers crazy with performance issues. Sometimes you lose precious milliseconds without even noticing it.

Also, it’s so easy to forget about some functions and we keep using the old (and not-so-good) ones. Let’s take a look at a few of the most-common-and-easiest-to-fix mistakes while using jQuery in your projects. Configure iPicture - Tooltip your images - iPicture jQuery Plugin. Hammer.js — A javascript library for multi touch gestures.

Crafting an Animated Postcard With jQuery. Revealing Photo Slider with jQuery by CSS-Tricks. Sliding Boxes and Captions with jQuery. Creating a polaroid photo viewer with CSS3 and jQuery. jQuery & CSS Sprite Animation Explained In Under 5 Minutes.

jQuery Plugin. Adipoli jQuery Image Hover Effects. jQuery.parallax. Circular Portfolio with jQuery. Parallax Slider with jQuery. Parallax Slider with jQuery. 7 jQuery Parallax and Scrolling Effect Plugins. Scrollorama. Scrolldeck.js. jQuery Scroll Path. 8 Animated Parallax Examples Using jQuery. jQuery Parallax Plugin Demo.

Drag and drop a folder onto Chrome now available. Douglas Crockford's Wrrrld Wide Web. JSLint,The JavaScript Code Quality Tool. JSHint, A JavaScript Code Quality Tool. JS Bin - Collaborative JavaScript Debugging. Contentflow_src.js.diff (683 bytes) - contentflow - An javascript Flow which can handle any content.

Issue 3 - contentflow - caching issue : Firefox + Safari - An javascript Flow which can handle any content. ContentFlow. CoverFlow. Tutoriel Carrousel Koha avec Content Flow. Créer un effet de coverflow avec Jquery.

Framework ([6]javascript[3])

Tutorials. The very best of creative JavaScript and HTML5. Remote-Tilt - emulate motion events. Comment optimiser le code d'un site Web pour en améliorer la performance - Journal du Net Développeurs. JqMobi. jQ.Mobi. Seriously.js: A Realtime, Node-Based Video Compositor for the Web. HTML5 Webcam Toy - Photo effects using WebGL and getUserMedia. ShareJS; Etherpad in 4 lines. Psd.js: You Guessed It - A Photoshop Document Parser in CoffeeScript.

JavaScript Kit Advanced JavaScript Tutorials. Datepicker Demos. Headjs.com. A JavaScript Blog. A Conditional Loader For Your Polyfills! Paul Irish - Google+ - Questions about optimizations keep coming back so I… Modernizr: front-end development done right — an online course at Learnable. Functionality Focused Code Organization. Manipulate time and date values with JavaScript's Date object. Utility Functions and Debugging with Nettuts. 17 Hours of JavaScript from the Masters. jQuery Fundamentals.

Building and Maintaining Large JavaScript Applications. Become a Javascript Console Power-User. Plugins/Authoring. Datejs - An open-source JavaScript Date Library. How to create a plugin for jQuery. NCZOnline. JavaScript Cookbook. Jslibs - Project Hosting on Google Code. Français: Informatique: Programmation: Langages: JavaScript.