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. 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 Executes a statement if a specified condition is true. Switch throw Throws a user-defined exception. var let in. 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. 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. There simply is no better way to showcase your amazing work than to make the presentation of it looks just as beautiful. 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. Coin Slider: jQuery Image Slider Plugin with Unique Effects. Sudo Slider | Demos. 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. 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. There simply is no better way to showcase your amazing work than to make the presentation of it looks just as beautiful. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be.

Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse Powerful & Simple Slider Creation. Examples | Responsive jQuery Slider | bxSlider. 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. 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. Flat jQuery Price Slider This jQuery price slider to select range of prices which help you vastly in your development and design projects. Examples|Download FooTable Plugin A free jquery plugin which can showcase your html tables in responsive. Demo | Source Justified Gallery The best jquery plugin for 2014 as this is a must have plugin for all theme makers. Source Clock-style timepicker ClockPicker was designed for Bootstrap in the beginning.

Demo | Source. Ultra lightweight responsive carousel for jQuery. Anoslide v1.0 - Ultra lightweight responsive jQuery carousel demo 1. 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. 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. 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. I have spent countless hours to compile these information and i was hoping that it could come in handy for me when i look back for reference and so does for you. 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 (ii) jQuery Lightbox. 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.

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. Created by Ram Swaroop DownloadHomeExample View more → Flare Flare is a jQuery plugin which renders a colored optical flare to slide across elements such as boxes, images, and containers. DownloadHomeExample View more → Flipster jQuery Flipster is a CSS3 3D transform-based jQuery plugin that replicates the familiar ‘cover flow’ effect. DownloadHomeExample View more → Path DownloadHomeExample View more → AniDG AniDg is a simple plugin for jQuery which allows you animate background images. View more → Hot Tea / Coffee with Animated Smoke Effect – jQuery & CSS | 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:

jQuery UI Widget Factory. Plugin users can change options after a plugin has been invoked using $("elem").filterable("option","className","newName");. 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") ); }); total.text( t.toFixed( 2 ) ); setOption: function(e, ui) { ui.option === "className" && register.toggleClass([ui.original, ui.current].join(" ")); hover: function(e, ui) { if (e.originalEvent.type === "mouseenter") { price.text(" - " + ui.hovered.data("price") + " per lb").appendTo(ui.hovered); } else {

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

OK back up, what is an object again? An object in JavaScript is any unordered collection of key-value pairs. You said every object has a prototype. Forget everything you learned about the prototype property – it’s probably the biggest source of confusion about prototypes. Ok fine, but false is a primitive, so why does false. Yes. OK. Example please? Like this: 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 | 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.

Enroll now. 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? Opentype.js – JavaScript parser for OpenType and TrueType fonts. Tips, tricks, tutorials & screencasts to improve your JavaScript :: The JavaScript Playground. jQuery Fundamentals :: A guide to the basics of jQuery.