Tutorials Page 144
Change Mobile Safari Highlight Color with CSS
I love the amount of extra customization afforded to us by WebKit. That also makes me love the fact that, for the most part, WebKit Mobile is the choice renderer used by mobile devices. One rarely used style property is
-webkit-tap-highlight-color
, which allows developers...Elegant Overflow with CSS Ellipsis
Overflow with text is always a big issue, especially in a programmatic environment. There's always only so much space but variable content to add into that space. I was recently working on a table for displaying user information and noticed that longer strings were...
Adaptive Images
The landscape of web continues to change as we get more and more devices that we need to support. One concern when creating websites that should accommodate all screen sizes is image size. The acceptable size for an image is not the same across...
Introducing MooTools Templated
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating: new Element Madness The first way to create UI-driven...
Determining Object Type with MooTools’ typeOf
One thing about JavaScript I dislike is the vagueness of what the
typeof
operator returns. Passtypeof
an array? You get "object" back (which it is, but a more concise answer would be helpful). Passtypeof
a Date object? You get "object"...JavaScript Coding with Class
I've spent the last two weeks in London, eating fish'n'chips, drinking cup'o'tea, and being a hooligan at the Arsenal. Oh yeah, there was a MooTools hackathon too. The MooTools hackathon was hugely successful and I'll be providing more detail about what was...
Create Namespaced Classes with MooTools
MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does. Many developers create their classes as globals which is generally frowned up. I mostly disagree with that stance, but each to their own. In any event...
Create and Retrieve Nested Objects with MooTools
One argument that's been lodged by many is that MooTools doesn't encourage the use of namespaces for classes. The Dojo Toolkit does employ namespaces and provides two helpful functions for working with them:
dojo.getObject
anddojo.setObject
. These methods allow for setting and getting of nested objects...JavaScript and CSS Spinners with spin.js
I think it's safe to say the days of using images to provide the "small touches" are over. We can now safely create gradients, drop shadows, rounded corners, and scaled, rotated, transformed animations. It seems we've now moved on to replacing...
Cross Browser CSS Box Shadows
Box shadows have been used on the web for quite a while, but they weren't created with CSS -- we needed to utilize some Photoshop game to create them. For someone with no design talent, a.k.a me, the need to use Photoshop sucked. Just because we...