Tutorials Page 152

• By David WalshJanuary 12, 2011

  Delay AJAX Searches with JavaScript’s setTimeout

  I was recently creating a custom Dijit widget that required that a list get filtered during each keystroke instead of using the usual "Submit" button.  The problem I ran into (and had anticipated) was that each keystroke made the list flicker and fire off numerous AJAX...

• By David WalshJanuary 10, 2011

  Create Spinning, Fading Icons with CSS3 and jQuery

  Last week I debuted a popular blog post titled Create Spinning, Fading Icons with CSS3 and MooTools. The post detailed how you could leverage CSS3's transformations and opacity properties, as well as the magical MooTools JavaScript framework, to...

• 

  
• By David WalshJanuary 6, 2011

  Thoughts on Mobile Devices

  Whether I'm smug enough to admit it or not, I'm living the iLife.  Over the past two years, I've been rocking both the iPhone and MacBook Pro.  I was recently gifted an iPad and a Samsung Galaxy Tab, only increasing my ever-growing smugness level.  After playing...

• By David WalshJanuary 6, 2011

  Create Spinning, Fading Icons with CSS3 and MooTools

  A goal of my latest blog redesign was to practice what I preached a bit more;  add a bit more subtle flair.  One of the ways I accomplished that was by using CSS3 animations to change the display of my profile icons (RSS, GitHub, etc.)  I...

• By David WalshJanuary 3, 2011

  MooTools ASCII Art

  I didn't realize that I truly was a nerd until I could admit to myself that ASCII art was better than the pieces Picasso, Monet, or Van Gogh could create.  ASCII art is unmatched in its beauty, simplicity, and ... OK, well, I'm being ridiculous;  ASCII...

• 

  
• By David WalshDecember 30, 2010

  Dive Into Dojo Series: Dive Into Dojo GFX

  I just wanted to give everyone a heads up about my latest Dive Into Dojo post: Dive Into Dojo GFX! It's well known that Dojo's DojoX collection is a treasure trove of enterprise-ready, advanced widgets and JavaScript classes that allow you to accomplish difficult tasks with...

• By David WalshDecember 29, 2010

  MooTools ScrollSpy, Mobile Devices, JavaScript Scroll Events, and CSS Positioning

  One question I've been asked often is why ScrollSpy and my Go To Top link functionality don't appear to work well on the iPhone, iPad, or any other mobile device.  The problem is simple to identify and easy to fix.  The issue comes down...

• By David WalshDecember 27, 2010

  HTML5 Placeholder Styling with CSS

  Last week I showed you how you could style selected text with CSS. I've searched for more interesting CSS style properties and found another: INPUT placeholder styling. Let me show you how to style placeholder text within INPUTelements with some unique CSS code. The CSS Firefox...

• 
• By David WalshDecember 22, 2010

  Debug Element Modification in MooTools by Monkey Patching Prototypes

  Let's face it:  JavaScript development and CSS modification can be a frustrating process, especially when your web application has loads of JavaScript.  One practice that is very helpful in troubleshooting CSS/JS problems is monkey-patching JavaScript prototypes and adding console statements to figure out what styles...

• By David WalshDecember 20, 2010

  Create Spinning Rays with CSS3 Animations & JavaScript

  Thomas Fuchs, creator of script2 (scriptaculous' second iteration) and Zepto.js (mobile JavaScript framework), creates outstanding animated elements with JavaScript.  He's a legend in his own right, and for good reason:  his work has helped to inspire developers everywhere to drop Flash and opt...