31
August
2009
Author: Zeeshan
The Basic Idea
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
Confused? Cue the helpful diagram -
From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.
Read the rest of this entry »
30
August
2009
Author: Zeeshan
I saw someone using windows media player on vista the other day and it inspired me to make a website menu. So here are the steps I went through to make my media player style menu.

Click Here for Large Image
Start off with a canvas with the size of 800X200px and make the background color black (#000000).
Next I want to put a few guides in to make the menu. I am going to use the rulers to make my guides. If you have never used the ruler to put guides on your canvas, you should try it because it helps out more than you would think.
Read the rest of this entry »
27
August
2009
Author: Zeeshan
An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page.
The Concept
Click the text to be edited and magically a textarea appears with buttons beneath to save or cancel the changes. Changes are sent via AHAH to a PHP script which normally would be used to update a database (MYSQL or flatfile).
The Demonstration
Edit is place Example 1 below
Example 1
Read the rest of this entry »
25
August
2009
Author: Zeeshan
One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website. For example a community that use the service to manage their events, or to display your future trips in your blog ?
Read the rest of this entry »
25
August
2009
Author: Zeeshan
Surfing the web one finds many different solutions for drop-down menus, of which many involve or even solely depend on JavaScript. I would like to present another option which I personally find really cool because it’s easy to use and utilizes features within the HTML and CSS standards without any weird workarounds.
Read the rest of this entry »
24
August
2009
Author: Zeeshan
I wanted to see if I could check if a user has scrolled to the bottom of the box. For example, to see if they have read all the terms and conditions.
We can find out the scroll position using $(selector).scrollTop() and to find the highest posible scroll position using $(selector)[0].scrollHeight.
Read the rest of this entry »