A few days ago someone mailed me how I made the ’search’ and ‘about’ tabs that appear on every page on solutoire.com. In this post I’ll explain some techniques like ‘height transitions’ and ‘class toggles’. Sounds pretty hard but you’ll see it’s quite easy. You can see the result at example page 2.
I haven’t seen much tutorials around explaining using JSON with mootools, so I decided to write one. A year ago I always thought JSON’s a hard to understand way to have your client apps communicate with a server. Well, by using mootools it’s a breeze. If you don’t know what JSON is, check out json.org. Json.org says the following about JSON:
Back in the days when I used moofx I wrote a tutorial about horizontal and vertical accordions. Now moofx is part of the mootools framework so it’s time for a new tutorial.
This script is very old and is likely not to work with the current version of Mootools!
When the large ‘A’ is pressed the font-size increases a little. The smaller ‘A’ resizes the font to it’s original size. It’s a piece of eyecandy and it’s very effective for websites having small font-sizes. I checked how they implemented this function and I found they where using their ‘old’ moo.fx.