Tutorials Page 149
![Background Animations Using MooTools]()
Background Animations Using MooTools
One of the sweet effects made easy by JavaScript frameworks like MooTools and jQuery is animation. I ran across this great jQuery tutorial that walks you through animating a background image of a page. Here's a quick MooTools code snippet that...
![Facebook Open Graph META Tags]()
Facebook Open Graph META Tags
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![Creating Mobile Web Applications with dojox.mobile]()
Creating Mobile Web Applications with dojox.mobile
I recently was asked to study the Dojo Toolkit's budding mobile solution, dojox.mobile, and create a basic web application using the tools provided. I hadn't heard of dojox.mobile before but was very excited at the prospect of becoming a skilled mobile developer and maybe...
![Create a Clearable TextBox with the Dojo Toolkit]()
Create a Clearable TextBox with the Dojo Toolkit
Usability is a key feature when creating user interfaces; it's all in the details. I was recently using my iPhone and it dawned on my how awesome the "x" icon is in its input elements. No holding the delete key down. No pressing it a...
![iPhone-Style Password Inputs with Appcelerator Titanium]()
iPhone-Style Password Inputs with Appcelerator Titanium
Most mobile applications ask you for your credential so that they may verify your account and pull information via an API. My mobile application is no different. The problem I ran into was that I couldn't find the method by which to emulate the iPhone's password...
-
![Convert XML to JSON with JavaScript]()
Convert XML to JSON with JavaScript
If you follow me on Twitter, you know that I've been working on a super top secret mobile application using Appcelerator Titanium. The experience has been great: using JavaScript to create easy to write, easy to test, native mobile apps has been fun. My...
![Hide the Address Bar within Mobile Web Applications]()
Hide the Address Bar within Mobile Web Applications
With both iOS and Android-driven devices using WebKit as their browser's rendering engine, web developers have many advantages: A rendering engine with capable of flawless CSS animations A rendering engine that's fast...very fast A rendering engine that's modern and forward-thinking These advantages allow us to create web apps within that...
![Create a Spinning, Zooming Effect with CSS3]()
Create a Spinning, Zooming Effect with CSS3
In case you weren't aware, CSS animations are awesome. They're smooth, less taxing than JavaScript, and are the future of node animation within browsers. Dojo's mobile solution,
dojox.mobile, uses CSS animations instead of JavaScript to lighten the application's JavaScript footprint. One of my favorite effects...
![Create a Blank Favicon with Data]()
Create a Blank Favicon with Data
I was recently setting up a virtual host and diving into development when I needed to debug a JavaScript issue. One thing that started annoying me right away was the console message notifying me that the favicon.ico file couldn't be found. I hadn't put one there...
![Validate Credit Cards with JavaScript]()
Validate Credit Cards with JavaScript
We all know that JavaScript shouldn't be a web form's only method of validation but client side validation does prevent unnecessary server side processing when user input is obviously invalid. I'd also consider client side form validation a usability booster (...or nightmare when done poorly.) I...
