background preloader

jQuery Learning Center

jQuery Learning Center

Related:  jQuery & JavaScriptONLINE TOOLSJSJQUERYProgramación

jQuery Accordion Plugins and Tutorials jQuery accordion plugins help you get the attention of visitors and save space on your homepage too. Accordions are great for giving readers a quick overview but they work best if the number of elements is low. In this article you will find 10 useful jQuery accordion plugins and some tutorials which will help you improve your website. Need more jQuery plugins? Check out these jQuery Pagination Plugins and Tutorials and Free WordPress Mobile Plugins. Classic Accordion

.mouseleave() Description: Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element. This method is a shortcut for .on('mouseleave', handler) in the first two variations, and .trigger('mouseleave') in the third. The mouseleave JavaScript event is proprietary to Internet Explorer. Because of the event's general utility, jQuery simulates this event so that it can be used regardless of browser. This event is sent to an element when the mouse pointer leaves the element. Any HTML element can receive this event.

10 Free JavaScript Tools To Create Interactive Maps Here we are presenting a complete list of 10 JavaScript libraries to create interactive and customized maps. Though, there are Google Map maker and other tools to build maps but in this compilation, we are specifically presenting only JavaScript libraries that you can use to show special map markers. We hope that this collection proves to be the best and will help you get going in the initial phases of your map designing project. It is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. Click through and feel free to download… Geocomplete 10 JQuery Parallax and Web Scroll Plugins for Amazing Web Experience With a constant evolution in web technology, web developers and designers are utilizing innovative methods and techniques to deliver an unforgettable web experience to the user. Many new techniques have emerged over the years and one of the most popular techniques is “Parallax”. With the parallax technique, the text on a website moves slower than the background, giving it a slick illusionary effect.

JavaScript basics - Learning the Web JavaScript is the programming language that you use to add interactive features to your website, for example games, things that happen when buttons are pressed or data is entered in forms, dynamic styling effects, animation, and much more. JavaScript Basics gives you an idea of what is possible with this exciting language, and how to get started. What is JavaScript, really? JavaScript is a full-fledged programming language that can be applied to an HTML document and used to create dynamic interactivity on websites. .hover() Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. .hover( handlerIn, handlerOut )Returns: jQuery Description: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. version added: 1.0.hover( handlerIn, handlerOut )handlerIn A function to execute when the mouse pointer enters the element.handlerOut A function to execute when the mouse pointer leaves the element. The .hover() method binds handlers for both mouseenter and mouseleave events. You can use it to simply apply behavior to an element during the time the mouse is within the element.

12 best places to get free images for your site Adding a few high quality photos is a great way to improve a website, article or presentation - but be careful. A search engine like Google Images will quickly locate just about any shot you could ever want, but using them will almost certainly violate someone's copyright. What's more, search tools like TinEye mean there's a very real chance that the original photographer will find out what you've done. ES6 Overview in 350 Bullet Points Apologies about that long table of contents, and here we go. ES6 – also known as Harmony, es-next, ES2015 – is the latest finalized specification of the languageThe ES6 specification was finalized in June 2015, (hence ES2015)Future versions of the specification will follow the ES[YYYY] pattern, e.g ES2016 for ES7Yearly release schedule, features that don’t make the cut take the next trainSince ES6 pre-dates that decision, most of us still call it ES6Starting with ES2016 (ES7), we should start using the ES[YYYY] pattern to refer to newer versionsTop reason for naming scheme is to pressure browser vendors into quickly implementing newest features (back to table of contents) A new primitive type in ES6You can create your own symbols using var symbol = Symbol()You can add a description for debugging purposes, like Symbol()Symbols are immutable and unique. Time for a bullet point detox. Then again, I did warn you to read the article series instead.

10 jQuery Horizontal Scroll Demos & Plugins In today’s post we bring to you 10 jQuery Horizontal Scroll Demos & Plugins useful for those who see things horizontally. I guess we have to accept some people scroll both ways! :) Updated: March 2016 Updated all plugins and demos with the latest versions and added some new ones. Scrollable divs: rendering issues with CSS overflow auto or scroll (iOS/Android) The problem: CSS transitions/transforms run unacceptably slow on ICS (4.0 was a disaster and even 4.0.4 with hardware acceleration enabled does not work well). This simply prevents from using libraries like iScroll ( or touchScroll ( Since they use pure JS to manipulate div’s position by setting e.g. following CSS: -webkit-transition: -webkit-transform 0ms; -webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(0px, 0px, 0px);

15 New jQuery Plugins for June 2015 jQuery is a library in Javascript which is not big in size; in fact it’s considerably small enough to make your website load faster. jQuery is fast and so efficient that it enhances the performance of your website adds value to its beauty. With its help, you can create excellent and cool plugins, awesome animations, and navigate documents with special effects and various other tasks. Being a cross-platform library is its biggest advantage. Javascript enables you to write distinctive codes for different browsers, but with the help of jQuery, you do not have to do that much amount of work.

Image Bank Sweden Terms and Conditions in brief: These Terms and Conditions of Use are binding on all users. For the full Terms and Conditions, click here. Images from Image Bank Sweden may be used free of charge by anyone wishing to use images for the purpose of promoting Sweden abroad. This includes marketing intended to increase travel to Sweden. Marketing of other products or services is prohibited. A Gentle Introduction to Ember 2.0 A Gentle Introduction to Ember 2.0 Building a simple blog using Ember 2.0 With the recent release of Ember 2.0 stable on June 12th, we’ve received our first glimpse of the new Glimmer rendering engine shipping with Ember 2.0, along with HTMLBars and a number of other new EmberJS features. For anyone who is using Ember.js for the first time, Ember 2.0 provides a fresh start. Removing a ton of cruft and introducing simpler syntax, Ember 2.0 will eliminate redundancy and hopefully make it easier for newcomers to learn the framework. In this example, we’re going to build a very simple blog utilizing Ember-2.0, Ember-cli, Ember-data & Firebase.

10 Awesome jQuery Image Galleries and Sliders One of the most common requests I get from clients is to have some sort of image gallery on their site. Whether it’s a sliding image gallery on a homepage displaying promotions or a robust gallery full of portfolio images showing off the quality of work, jQuery image galleries area a great way for displaying multiple images on a website. They are search engine friendly, iPad and iPhone friendly, and lighter weight than a lot of the Flash slideshow galleries on the market.

Related:  Computer Programming ResourcesjQuery, AJAXTutorialFrameworkJavascriptjquery & javascriptjqueryollaidJQUERY