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.

JavaScript reference

Read more about this reference. Global Objects This chapter documents all the JavaScript standard built-in objects, along with their methods and properties. Statements This chapter documents all the JavaScript statements and declarations. For an alphabetical listing see the sidebar on the left. Control flow Block A block statement is used to group zero or more statements. Break Terminates the current loop, switch, or label statement and transfers program control to the statement following the terminated statement. continue Terminates execution of the statements in the current iteration of the current or labeled loop, and continues execution of the loop with the next iteration.

Empty An empty statement is used to provide no statement, although the JavaScript syntax would expect one. if...else. Nodeschool.io. Bitly - The Power of the Link. 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. 3.

Adding captions is really easy <div class="carousel captions"><a class="prev" data-prev-caption></a><ul><li data-caption="Adding captions is really easy"><figure><img data-src="images/slides/1.jpg" src="" /></figure></li><li data-caption="anoSlide's callback functions can be used for adding Captions"><figure><img data-src="images/slides/2.jpg" src="" /></figure></li><li data-caption="<span style='color:#00f0ff'>HTML - No problem</span><br /><br />It's really up to You to decide whether to use HTML or not.

" 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.

The following tutorials will kickstart you with jQuery, its understanding and few tips and tricks to get started. (i) jQuery Tutorial for Beginners (ii) Irresistible jQuery Tips (iii) Simplify Ajax Development with jQuery The following are the some of the interesting tutorials to use jQuery for photo gallery and slideshows. 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 → Flare. 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");

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.

Understanding JavaScript Prototypes.

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. 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 JavaScript may be the most essential web programming language, but in the real world, JavaScript applications often break when you make changes.

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. In fact, you will find two study guides below, one for absolute beginners and the other for experienced programmers and web developers. Our Career Paths and Courses Website Is Now Live New UPDATE: June 8, 2015 Enrollment for our Career Paths is well underway. The second cohort for Career Path 5: Modern Fullstack Developer is also full.

You do want to learn JavaScript. Table of Contents Study Groups People have started study groups for this study guide. What You will Learn You will learn the JavaScript language (up to advanced-intermediate, if you follow the “Beginners” study guide; or up to advanced, if you follow the “Experienced Programmers” study guide). How Will Your Life Change After You Learn JavaScript Properly? Be Empowered. Opentype.js – JavaScript parser for OpenType and TrueType fonts. Tips, tricks, tutorials & screencasts to improve your JavaScript. A guide to the basics of jQuery.