Archives for category —jquery

jQuery 1.4 is out !

The latest and greatest version of jQuery , v1.4 is now out. This version comes bundled with many new great features such as per-property easing , new live events ( including submit !) , ability to delay() animations & new focusIn and focusOut events .
Net tuts published an article summarising the new features in jQuery 1.4 .

Download jQuery 1.4 directly from here : http://code.jquery.com/jquery-1.4.js

Download complete jQuery documentation ( jQuery API browser )

I love the official jquery docs website, and always refer to it whenever i am stuck with a method or cant remember an awesome functions name :p .As i have a slow internet connection , i was recently searching for an offline version of the awesome Official jQuery documentation but couldnt find one. I asked John Resig about it and he was kind enough to point me to the right direction and told me about the jQuery API browser which can also be downloaded to your system for free from here :
http://api.jquery.com/update/jquery-api-browser-2.0.air
The jQuery API browser will only work if you have Adobe AIR installed on your system. It makes a great source for offline reference when you are developing and dont have an internet connection.
http://api.jquery.com/update/jquery-api-browser-2.0.air

jQuery : How to highlight alternate rows of a table

While displaying large chunks of data in a table with lots of rows, it is really desireable to have a different background color for alternating rows. While there is no easy way you can do that using css alone, it is highly impractical to manually add a alt class to each alternate tr (table row). But thanks to the powerful selector engine of jQuery, you can very easily select an alternate tr . Here is how :

$("#mytable tr:odd").addClass("alt");

The above code selects every odd table row of the table with id mytable and adds a class alt to each of theme. Next you can style the alt class rows (tr) using css to make them stand out and add a nice zebra strip effect to your table.

My new webdesign portfolio (v2)

My New online webdesign portfolio
Check out my new web design portfolio at : www.dynamicguru.com/mujtaba/ . This time i ‘ve chosen light colors, mainly #eee for background and #09f for various visual elements . It is a single page site and is again powered by jQuery . I’ve tried to keep things as simple and to the point as possible, no more lengthy “about me” or boring portfolio page. The site was designed and developed in just 2 days.
Here is a look at whats behind it :

  • A jQuery UI powered “content slider” for showcasing my works
  • Table-less css based grid layout
  • Ajaxified contact form
  • css3 rounded corners (for browsers that support it)
  • Valid XHTML 1.0 Strict

40 Hadith of Prophet Muhammed

40 hadith
40 Hadith is an ajax based web application ( built by me ) that displays a random hadeeth of prophet Muhammed from a collection of 40 Hadith hand picked from Sahih Al Bukhari . There is a button to display the next hadeeth that loads another hadith randomly using Ajax . The application was built using jQuery’s ajax functions .

www.dynamicguru.com/hadith/

Update

The Hadith application has been re-designed and now is also available for mobile web browsers

New theme!

If you are among the frequent visitors to my blog you will notice that i changed the blog theme today, this new theme is my own creation and the best part about it is the effects on the left sidebar, hover over a link to slide it towards right and click on a link category title to see it slide up, all thanx to the powerful jQuery.8) If you like the theme or want to point out a bug , drop a comment using the form below.

Update

I switched back to my previous Silver Theme . But this new theme is now available for download from the official wordpress theme directory.



Click here to download this theme

Learning jQuery

jQuery is a comprehensive free javascript library that is a must for every designer and developer. It is extremely powerfull and very easy to learn and use and saves a developer a hell lot of time. It can be used to build powerful interactive User Interfaces and sites.You can take a look at some awesome sites built using jquery at jQueryStyle.com to better understand what this little wonder library is capable of.
The library was first written by John Resig back in 2006. The current realease version at the time of writing is 1.3.2. Due to its DOM centered approach, jQuery is very easy to learn for a person who already has some css and xhtml background.
You can download your copy of jQuery from the homepage of jQuery.com
There are a number of free resources on the web which teach you jQuery right from the start, but i would recommend LearningJQuery as it is well documented and has three separate sections for beginner,intermediate and advanced levels. LearningJQuery is authored by Karl Swedberg and some other authors. it is a good place to start with for people new to jQuery. Also the jQuery Docs is good place to refer to whenever you find yourself stuck with a problem.

© 2010 Dynamic Guru All rights reserved — About UsContactMujtaba