background preloader

JS/jQuery

Facebook Twitter

JavaScript reference. This part of the JavaScript section on MDN serves as a repository of facts about the JavaScript language. Read more about this reference. Global objects This chapter documents all the JavaScript standard built-in objects, along with their methods and properties. Value properties These global properties return a simple value. Function properties These global functions—functions which are called globally, rather than on an object—directly return their results to the caller.

Fundamental objects These are the fundamental, basic objects upon which all other objects are based. Nodeschool.io. Node.js. AngularJS — Superheroic JavaScript MVW Framework. Stellar.js. BlinkTitle.js.

INTRO PAGES JS

Nivo Slider WordPress Plugin - Dev7studios. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.

Nivo Slider WordPress Plugin - Dev7studios

There is literally no easier way to make your website look totally stunning. The jQuery plugin is completely free and open source receiving more than 3,000,000 downloads since launching in 2010. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Powerful & Simple Slider Creation The Nivo Slider WordPress plugin makes it super easy to create and manage multiple sliders on your WordPress sites. Multiple Slider Types Automatic Image Cropping The Nivo Slider WordPress plugin can automatically crop and resize your images to a size you specify, so you don’t have to worry about doing it manually yourself.

Slider Themes. Coin Slider: jQuery Image Slider Plugin with Unique Effects. Sudo Slider. Nivo Slider™ - Dev7studios. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.

Nivo Slider™ - Dev7studios

The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be. Responsive jQuery Slider. 30 Best Free jQuery Plugins. As jQuery plugins and its use on modern day websites increase we have decided to add some plugins or say code snippets to enhance the front end user experience to a new level.

30 Best Free jQuery Plugins

Not only website jQuery is implemented on applications as its functionality is much more smoother than other modules out there. From sliders, maps, image carousels you will find best free jQuery plugins here today for you to download and implement the code on your website. Also take a look at our related articles which might interest and add to your jQuery collection. Ultra lightweight responsive carousel for jQuery. Anoslide v1.0 - Ultra lightweight responsive jQuery carousel demo 1.

Ultra lightweight responsive carousel for jQuery

Mixed content demo (One visible item)Resize your browser to review responsive effect <div class="carousel"><a class="prev"></a><ul><li>Content goes here</li><li>Content goes here</li><li>Content goes here</li></ul><a class="next"></a></div> 2. Multiple itemsResize your browser to review responsive effect 3. 30+ Best jQuery Tutorials & Plugins for Beginners – Corpocrat. JQuery is the best ajax scripting library i have ever seen and it makes life so much easier.

30+ Best jQuery Tutorials & Plugins for Beginners – Corpocrat

Jquery is not just powerful and the library code is very well documented. The are tonnes plugins available for jquery which makes jquery so much fun. If you are getting started with jquery then the tutorials listed below is worth exploring and there is so much to learn. I would regard these are the best jquery tutorials i have ever seen and i have categorized them accordingly. I would start the list from the few basic tutorials and then go on to advanced jquery tutorials. How To: Create dynamic Content Loading using Ajax and jQuery.

Powerful animation plugins for jQuery. Velocity-js Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.

Powerful animation plugins for jQuery

Created by Julian Shapiro DownloadHomeExample View more → AnimateScroll AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to. DownloadHomeExample View more → HTML, HTML5, CSS, CSS3, JQuery, Flash, Photoshop, mobile, iphone & ipad web application. Posted: July 31, 2012 in CSS - Cascading Style Sheets, HTML, JAVASCRIPT, jQuery, Mobile Web Technology, Photoshop Tags: advance web technology, angle brackets, animate coffee, animated smoke, animation delay, animation direction, animation effect, coffee, configurable settings, core code, CSS, CSS 3, CSS 4, CSS framework, css namespaces, css opacity, css3, css3 box shadow, demo code, doctype html, elements, enterprise-it, free open source, gaming, graphical user interface, grid, grid system, hot, hot coffee, hot coffee with smoke, hot smoke, html and xhtml, html basics, interactive web applications, javascript, javascript functions, javascript programmers, jquery, jQuery animation, line tag, mobile, open source javascript, page elements, paragraph text, plugin, png transparency, programming, project workflow, random positions, settimeout function, smoke, software, software-development, style, tea, technology, transparent background image, visual transition The CSS The jQuery Update:

HTML, HTML5, CSS, CSS3, JQuery, Flash, Photoshop, mobile, iphone & ipad web application

jQuery UI Widget Factory. Plugin users can change options after a plugin has been invoked using $("elem").filterable("option","className","newName");.

jQuery UI Widget Factory

If modifiying a particular option requires an immediate state change, use the _setOption method to listen for the change and act on it. var total = $("#total"), cheeses = $("#cheeses"), register = $("#register"), price = $("<span>"), activation.click(function() { if ( cheeses.is(":aj-filterable") ) { return cheeses.filterable("destroy"); cheeses.filterable({ className: "cheese", create: function() { register.addClass("ui-widget-header cheese").show(); }, filtered: function(e, ui) { var t = 0; ui.visible.each(function() { t = t + parseFloat( $(this).data("price") ); }); Backbone.js. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! Understanding JavaScript Prototypes. (en Español, русском, 中文) JavaScript’s prototype object generates confusion wherever it goes. Seasoned JavaScript professionals, even authors frequently exhibit a limited understanding of the concept.

I believe a lot of the trouble stems from our earliest encounters with prototypes, which almost always relate to new, constructor and the very misleading prototype property attached to functions. In fact prototype is a remarkably simple concept. To understand it better, we just need to forget what we ‘learned’ about constructor prototypes and start again from first principles. What is a prototype? A prototype is an object from which other objects inherit properties Can any object be a prototype? Yes. Which objects have prototypes? Every object has a prototype by default. Programming JavaScript Applications. By Eric Elliott Take advantage of JavaScript’s power to build robust web-scale or enterprise applications that are easy to extend and maintain.

Programming JavaScript Applications

By applying the design patterns outlined in this practical book, experienced JavaScript developers will learn how to write flexible and resilient code that’s easier—yes, easier—to work with as your code base grows. $27.99 Read Online for FreeBrought to you by OSCON Conference Buy it on oreilly.com. JSbooks - free javascript books. The JavaScript Tutorial. How to Learn JavaScript Properly. Learn JavaScript Properly (For Beginners and Experienced Programmers) This study guide, which I also refer to as a course outline and a road map, gives you a structured and instructive outline for learning JavaScript properly.

How to Learn JavaScript Properly

In fact, you will find two study guides below, one for absolute beginners and the other for experienced programmers and web developers. You do want to learn JavaScript. I presume you are here for that reason, and you have made a wise decision. For if you want to develop modern websites and web applications (including an internet startup), or if you want a high-paying developer job ($75K to $250K+), JavaScript is undoubtedly the best web-development language to learn today, unless you want to develop native iOS or Android apps exclusively.

Table of Contents Study Groups People have started study groups for this study guide. What You will Learn How Will Your Life Change After You Learn JavaScript Properly? Be Empowered Resources for the Two Study Guides Don’t use Safari. Opentype.js – JavaScript parser for OpenType and TrueType fonts. Tips, tricks, tutorials & screencasts to improve your JavaScript. A guide to the basics of jQuery.