background preloader

A guide to the basics of jQuery

A guide to the basics of jQuery
jQuery Fundamentals is designed to get you comfortable working through common problems you'll be called upon to solve using jQuery. To get the most out of this site, you'll want to read the content and try the various interactive examples. Each chapter will cover a concept and give you a chance to try example code related to the concept. We highly recommend using this site with the Chrome browser or another browser that supports modern JavaScript features and includes good developer tools. Using the built-in editor Most pages on this site include a built-in editor where you can try out code.

Related:  jQuery & JavaScriptJS/jQueryJQUERYProgramación

Masonry Install Download Link directly to Masonry files on cdnjs. Package managers 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.

FrameWarp – jQuery plugin for displaying pages in a neat overlay Martin Angelov While working on an exciting new web app, I found that I needed a way to show certain pages in an overlay window. This comes handy if you want to reuse something like a sharing or a settings page in different screens of your app. Instead of hacking together something that barely got the job done, I decided to take the time, do it properly and share you with you.

DataGen: Generate Large Test Data Files – Like A Boss « Blog A couple of months ago I was doing some volume and performance testing against an application that was expecting a 500% data growth, which meant I had to generate lots and lots of dummy data to test whether the storage would hold up and whether the application itself would still perform well. I quickly came up with a script that loops through N times, generates dummy data, and creates an XML file. I left the script running while working on something else in parallel. At the end the script finished after about a couple of hours. There were 3 issues with this approach: 1) It sure wasn’t going to be the last time I had to generate large test data. The next time I had to do something similar, I much preferred a simpler solution than scripting. 2) A couple of hours were too long.

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);

stickyMojo contained fixed position sticky sidebar jquery plugin stickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE. Background Unit Testing Backbone.js Apps With QUnit And SinonJS This article will be appearing in my forthcoming book on Backbone.js and continues the section on unit testing. We previously looked at Jasmine and will now look at QUnit and SinonJS. QUnit is a powerful JavaScript test suite written by jQuery team member Jörn Zaefferer and used by many large open-source projects (such as jQuery and Backbone.js) to test their code. Working with Selections Some jQuery methods can be used to either assign or read some value on a selection. When the method is called with a value as an argument, it's referred to as a setter because it sets (or assigns) that value. When the method is called with no argument, it gets (or reads) the value of the element. Setters affect all elements in a selection, whereas getters return the requested value only for the first element in the selection, with the exception of .text(), which retrieves the values of all the elements. Setters return a jQuery object, allowing you to continue calling jQuery methods on your selection.

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. CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <! jQuery.ScrollTo Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself.

Pedalboard.js by dashersw - Open-source JavaScript framework for developing audio effects for guitars Check out! It's pedalboard.js packaged as a product you can really use. Introduction

Related:  JavascriptJS/jQueryWeb DesignjQueryJavaScriptJavascript Resourcesjs coffe jquery