Firefox 2.0.0.10 breaks reflections.js

The newly released version of Firefox, namely 2.0.0.10 breaks with the reflections.js - the canvas.drawImage() function of js won’t work here. Same goes for the beta of FF 3. The autor of the reflections.js said he can’t do anything about it, so it seems we have to wait for a new version of FF and hope that this one fixes this bug.

Update:
Download this version if you can’t wait for the full update ot 2.0.0.11:
Release Candidate Firefox

lightbox replacement - different approach

The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox” that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox.

To show the slider with an image, a heading and a sample text, you can call it this way:

Slide

To make the link a slideBox link, you need to add the tag rel=”designSlide” to it. The slide can contain a heading and some text. Define it in your title tag of the link, separate the heading from the main text with a “::”

If you wish to have more content, or html tags like links in the displayed content area, you can specify another tag in your slideBox. SlideBox uses the “rev=” tag. Give your rev tag the name of the div that contains additional content. In this sample it’s called rev=”mycontent”. This is the additional content
div:

The div containing the additional content is automatically hidden when the page is loading.

Go here for a sample and to download the script

SEO - replacing headings with images but keep the text for spiders

Maybe you sometimes wanted to replace your headlines on a site with images, but didn’t dare, as these headings are still an important part for search engine optimization.

Now, if you’re favouring using ajax, you can simply replace your headings but still show the text to the search engine bots.
With a small snippet ajax code this can be done easily. Tests with search engine like bots or our own websitecheck proves, that the search engine still recognizes the h1 and h2 tags and their contents.

Want to see it in action? Here’s our next artViper website, still under development, but with even this effect implemented. Just switch off javascript for a moment and look at the page then - or run the websitecheck test over that page. SEO meets style.

PHP AJAX based instant star rating script

If you find it hard to add your own starrating script into your pages, then this is for you.

The starrater comes with everything you need to implement a star-rating element into your system in no time. It’s based on PHP and AJAX ( mootools ), so everything is automated for you. You only need to include one line of code per rater ( multiple on one page possible of course ).
Benefits:

Adds a lock on each IP for a certain rating element, so anyone with the same IP can only vote once.
Automatically inserts votes into the db, calculates the average and displays that on the starrater as initial value.
No need to program your own logic for the starrater
Tooltip with ajax effects

AJAX & PHP instant star rating script

Tell A Friend AJAX script for XT-Commerce

Having tried a tell-a-friend script for xt-commerce, we were disappointed what it offered - no subpage sending, just the domain name, utilizing a popup. Furthermore it doesn’t allow to use smtp authentication, only uses the mail() function of php.

So we thought, let’s do this better - said, done. Out came a nice mootools based tell-a-friend box, which fades smoothly into view, asks for user name, email and recipient’s mail. It then sends out a small mail with the page url, etc. A mySQL based date / time / IP check secures the server side, as it only allows a certain amount of mails per day from one IP.

See it live: Demo and click on “Demo”.

You can buy this script here: AJAX Tell A Friend - buy now!

mootools image gallery with xml parser

The original gallery has been taken from http://www.aaronbirchphotography.com and updated with an XML parser that automatically reads images from a folder, creates the according thumbnails, reads the EXIF informations of the JPG’s and writes all this to a XML file.

Then a gallery with all the thumbs ( and this nice image menu ) is sent to the website, giving you an easy and convenient way of displaying your work without the need to resize all the images by hand.Together with the slimbox extension, which opens the big images when clicking on the thumbnails, you’ll receive a nice to look at gallery.

How it works:

You’ll get three files:

* createList.php
* readList.php
* index.php

Place the createList.php into your image directory. Call it from your browser. It will automatically
create a thumbs.xml file. The directory must be named “images” or change it in the createList.php
and readList.php to your needs.

Place the readList.php into your image directory. Open up your index.php and change the following: