Archive for August, 2009

Sliding Boxes and Captions with jQuery August 31st, 2009
by 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 [...]

Windows Media Player Inspired Menu August 30th, 2009
by 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 [...]

Edit In Place with AJAX August 27th, 2009
by 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 [...]

Integrate Google Calendar using AJAX August 25th, 2009
by 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 [...]

Create a cool CSS-based drop-down menu August 25th, 2009
by 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.

Scroll Box bottom Position check August 24th, 2009
by 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.

PHP simple login August 22nd, 2009
by Zeeshan

httpvh://www.youtube.com/watch?v=ldjP4cy9nLc

Twitter-style alert with jQuery, CSS, and PHP August 21st, 2009
by Zeeshan

If you’re into taking apart code, skip all this and download the source In this tutorial you will learn how to display an alert to your users with jQuery and CSS similar to the one used by Twitter. The alert drops down from the top of the screen to display what is in a PHP [...]