sans-serif   serif

«

MooTools for Beginners Part 6 – Coding an Animated Menu with `Class`

January 19, 2010

When I first started working with MooTools I was writing code that was typically a series of functions and a lot of logic inside of my domready code. After a while I had a nagging feeling that there was a better way to write code. There is, and it’s called Class. If MooTools were barbeque, Class would be the sauce–and the sauce is the boss. In this and the next few articles in MooTools for Beginners I hope to write the articles I was looking for when figuring how to write javascript with Class.

Read More »

Event Delegation with MooTools–Quit Selecting all Those Elements!

January 16, 2010

Event delegation rules the school. Instead of adding events to 300 elements you just add an event to the parent element and it’ll delegate the event down to it’s children, like every good parent would. The benefits? 1) Efficiency, 2) “Set it and forget it”, 3) Makes attaching and detaching events in a class easier, 4) Makes you look cool, and that after all, is the point of being a web developer instead of a surfing instructor.

Read More »

JQuery 1.4’s new ‘until’ methods caught my eye … introducing Element.GetUntil

January 15, 2010

So I did what every good mootools developer would … extended MooTools to do the same.

Read More »

MooTools for Beginners Part 5 – Native Extensions

January 14, 2010

In Part 4 we looked at the myriad ways to select elements in the dom. Well, today we are ignoring the dom altogether. Aaron Newton once said that “MooTools aims to make JavaScript your playground [not just the DOM].” MooTools extends a lot of JavaScript natives, like Functions, Strings, Numbers, etc. [...]

Read More »

Triangles with CSS

January 13, 2010

I just discovered this:

Was goofing around in CSSEdit and saw a triangle on the screen and thought “how on earth?” … Of course, something like this must have been discovered before by others. Sure enough, developer Jon Rohan beat me to it. I still feel cool I stumbled on the trick independently!

And since [...]

Read More »

MooTools for Beginners Part 4 – Selecting and Manipulating DOM Elements

January 12, 2010

Most of the time the whole point of using mootools is to manipulate an element or collection of elements. (But not always, as you’ll see in Part 5.) Now that you know some basics we’re going to get more in depth by learning the various ways to select dom elements to manipulate them–traversing the dom, [...]

Read More »

MooTools for Beginners Part 3 – Effects (Fx)

January 9, 2010

Most people’s interest in a javascript framework lies in the animation effects. MooTools has the best. This article will not only show you the various ways to use effects, but will also talk a little about the philosophy of mootools.

Read More »

Basic AJAX and JSON Requests Using MooTools’ Request.HTML and Request.JSON

January 2, 2010

The best designs aren’t noticed. When you walk through an airport and get exactly where you intend to go, you don’t realize and attribute it to an excellent way-finding design. Such is the case with the web.

Ajax and JSON requests can subtly enhance the usability of a site where the user doesn’t notice the site “thinking” as much as all the page loads of yesteryear. Try the search on this site to see what I mean. After going through this tutorial you’ll have a solid foundation to use this powerful feature of the web with mootools.

Read More »

SlideShow – A Highly Extendable MooTools Javascript Slideshow

January 1, 2010

It seems with every new brochure-type website I worked on I was coming up a with a new slideshow/gallery widget. Finally I made Slideshow, the ultimate slideshow class. It handles all of the basics of a good javascript gallery and nothing else. No skins, no new elements, no navigation, just the slideshow basics, making it a cinch to skin.

Read More »

“Favorite” is not a good password retrieval idea

December 30, 2009

When coming up with password retrieval security questions, avoid anything that says “Favorite.” The following are questions presented to me from a bank’s website. I can’t answer any of them the same way twice, and some I can’t answer even in the first place.

Read More »