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 field behavior. Luckily a quick search gave me the answer:
// Create the text field
var formElement = Titanium.UI.createTextField({
value: "",
width: 100,
height: "auto",
hintText: "Password",
passwordMask: true
});
Setting the passwordMask property to true provides the true iPhone-style password masking that I desired. Now all but the last letter in the password are properly hidden!
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Animated 3D Flipping Menu with CSS]()
CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more. I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...
![Duplicate the jQuery Homepage Tooltips Using MooTools]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using MooTools.
The XHTML
The above XHTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...
![Fading Links Using jQuery: dwFadingLinks]()
UPDATE: The jQuery website was down today which caused some issues with my example. I've made everything local and now the example works.
Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events.
Good, that was what I search and arrive here ;)