I wrote a pretty useless puzzle game that makes use of Mootools. I was updating the ‘about’ page on this blog, and I was looking for an original way to show a picture of myself. So take a look at the the about page and play around with it.
I’ve updated my previous post Mootools CSS Styled Scrollbar. I’ve added instructions about how to make it work with Mootools version 1.11. Also the example is updated. On the Mootools forums someone called ‘horseweapon’ wrote a simple function that used my code to make scrollbars. I used his function to work with the example. You can see the updated example over here.
I wrote a small piece of javascript that creates a css styled scrollbar from the Mootools (version 1.2b2) Slider class. I know there is a scrollbar class for Mootools but it’s more than 100 lines of code. If you only need one or two bars, try my solution instead. The example page shows three div elements with a styled horizontal and/or vertical scrollbars.
I added an example to the Flotr example section. This example shows how to use requested JSON data to draw a graph. Go to the example section or take a look at the example directly. To learn more about handling JSON with Prototype, read Introduction to JSON
I’m proud to announce Flotr 0.1.0 alpha, a javascript plotting library based on the Prototype Javascript Framework (version 1.6.0.2 at the moment). This new (22kb) piece of javascript enables you to draw appealing graphs in most modern browsers. It replaces my older (and deprecated) plotting library Plotr. This time I took some more time to write documentation and examples, see the result on the Flotr project page.
Flotr is actually a rewrite of Flot (by Ole Laursen), a javascript plotting engine for jQuery. I (partially) rewrote it to use Prototype and added some new features like event hooks and mouse tracking.
I’m optimizing this blog at the moment, and I’m learning quite some new things about compression, gzipping and other optimization techniques. I’m using the Yahoo! YSlow extension for Firefox to see if I’m heading in the right direction. In this article I’ll explain the three best techniques I used to speed up solutoire.com.
Ever wondered how the Mootools development team tests Mootools SVN Trunk code? Personally, I don’t think they build their js file with the download builder bookmarklet I posted a few weeks ago. I’ll go into how to load all Mootools components from the SVN Trunk when testing.
Personally, I love Mootools download builder. There’s just one feature that is missing, it becomes very annoying everytime I needs the entire Mootools library. I can remember the old (?) download builder had a “check all” button, which included (checks) all Mootools components to the file I was about to download. Nowadays, the download builder doesn’t have this feature anymore. Well, actually the download builder has the functionality to check all components, but it lacks a button. I wrote a bookmarklet that let’s you do the trick.
Today I released GChart 0.2 alpha.
GChart is a small piece of javascript (packed 2.4kb) that enables using the Google Chart API in an easy way. GChart translates passed options to a url that can be used to request a chart from the Google Chart API. Also it provides several ways to insert, apply or return the chart based on the passed options.
It implements almost all parameters the Google Chart API accepts. You can read more about it on the GChart Project Page. For a quick download, go here, and if you just want to see the GChart source, go here.
As soon as I read about the Google Chart API I started writing a javascript wrapper for it (I called it GChart). It’s not finished yet, but it has most functionality. The simple, text and extended encoding types are supported, as wel as datasets, size, legends, titles and different types of charts. GChart 0.1 alpha is now available for download.