Tutorials Page 151

• By David WalshFebruary 28, 2011

  JSONP with jQuery, MooTools, and Dojo

  We all know that the big limitation of AJAX is that cross-domain requests aren't allowed.  We also know, however, that we skirt around that rule a bit by using JSONP.  JSONP is the process of SCRIPT tag injection, referencing a cross-domain URL and providing a callback...

• By David WalshFebruary 23, 2011

  RealTime Stock Quotes with MooTools Request.Stocks and YQL

  It goes without saying but MooTools' inheritance pattern allows for creation of small, simple classes that possess immense power.  One example of that power is a class that inherits from Request, Request.JSON, and Request.JSONP:  Request.Stocks.  Created by Enrique Erne, this great MooTools class acts as...

• 

  
• By David WalshFebruary 8, 2011

  MooTools Star Ratings with MooStarRating

  I've said it over and over but I'll say it again:  JavaScript's main role in web applications is to enhance otherwise boring, static functionality provided by the browser.  One perfect example of this is the Javascript/AJAX-powered star rating systems that have become popular over the...

• By David WalshFebruary 7, 2011

  Translate Content with the Google Translate API and JavaScript

  Note:  For this tutorial, I'm using version1 of the Google Translate API.  A newer REST-based version is available. In an ideal world, all websites would have a feature that allowed the user to translate a website into their native language (or even more ideally, translation would be...

• By David WalshFebruary 3, 2011

  Prevent Form Field Autocomplete

  Preventing autocompletion of form fields is incredibly important since we never know where our users are completing them from. They could complete them from a super secure computer or an incredibly public computer. Regardless of security level, some field values should never be remembered...

• 

  
• By David WalshFebruary 2, 2011

  Google URL Shortener PHP Class

  Google has had a URL shortening domain for quite a while now but it wasn't until recently that Google exposed the URL shortening API to the public.  I took a few minutes to review their API and created a very basic GoogleUrlApi class that...

• By David WalshJanuary 31, 2011

  Link Nudging with CSS3 Animations

  One of the more popular and simple effects I've featured on this blog over the past year has been linking nudging.  I've created this effect with three flavors of JavaScript:  MooTools, jQuery, and even the Dojo Toolkit.  Luckily CSS3 (almost) allows us to ditch...

• By David WalshJanuary 26, 2011

  window.postMessage Tip: Child-To-Parent Communication

  I wrote a super epic post a few months back about the window.postMessage API that's sweeping the nation.  window.postMessage allows you to send messages not only across frames (regular frame or iframe) but also across domains.  My post showed interaction from parent to child and back...

• 
• By David WalshJanuary 25, 2011

  Create an Exploding Logo with CSS3 and MooTools or jQuery

  When MooTools contributor and moo4q creator Ryan Florence first showed me his outstanding CSS animation post, I was floored.  His exploding text effect is an amazing example of the power of CSS3 and a dash of JavaScript.   I wanted to implement this...

• By David WalshJanuary 20, 2011

  Conditional CSS with MooTools’ Browser Object

  Whether we want to admit it or not, we all need a bit of browser-specific or even version-specific CSS sometimes.  We try to follow standards but in the end we're at the mercy of browsers.  And you know what?  Browsers sometimes have bugs that cause us...