Boost My Code - Help & Tips for Web Developers - PHP, MySQL, jQuery, Ajax, Javascript, Html

Expand table with jQuery

admin — Fri, 07 Aug 2009 17:37:32 +0000

We’ve stumble upon this expandable table plugin that you could use with jquery.

From the website:

Expand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

Smooth HTML dropdown menu replacement

admin — Thu, 06 Aug 2009 22:59:53 +0000

We’ve been having a hard time finding a decent dropdown menu replacement for your forms in HTML. It’s now possible and it’s done very smoothly. You can even add a little icon next to the value.

Check this out:

iPhone Toggle Switches

admin — Thu, 06 Aug 2009 02:57:39 +0000

Replace your boring html checkboxes by iPhone-like toggle switches. Excellent example by Elijah Miller.

Animated Drop Down Menu with jQuery

admin — Sat, 24 Jan 2009 23:17:04 +0000

We’ve already provided you some very interesting dropdown menu option in previous article.

You certainly remember the jQuery Feed Menu, and the Digg-like drop down menu.

We would like to introduce to you a new code we recently found that add the animation effect “on click”, it’s pretty neat.

Twitter-like microblogging

admin — Sat, 24 Jan 2009 17:46:32 +0000

From the developer website: “Trillr is a Twitter-like microblogging service enhanced with user directory and group discussion features. It was born in November 2007 as a peer group experiment where Jan Brauer, Christian Pesch and Stefan Matthias Aust decided to create “something like Twitter” to learn more about the programming language Python and its web framework Django. Later, Eike Thienemann-Dehde and Manuel Ohlendorf joined the project.”

A Simple jQuery Slideshow

admin — Sat, 24 Jan 2009 00:30:16 +0000

We didn’t really recommend any slideshow using jQuery yet. This will be our first recommendation. The script is called “A Simple jQuery Slideshow”. If you are just looking for a jQuery slideshow that fade from one image to another, this script will probably fit your needs.

Any other recommendation?

jGrow – Adjust the textarea size

admin — Fri, 23 Jan 2009 21:42:53 +0000

According to their website: “jGrow is a jQuery plug-in that makes the textarea adjust its size according to the length of the text. It works smoothly with jQuery 1.2.x. It was tested on IE6/7, Firefox 2.0.x and Opera 9.x, and no bug was spotted yet.”

jQuery Image Slider

admin — Fri, 23 Jan 2009 13:22:45 +0000

Just wanted to quickly recommend this image slider developed with jQuery. The code is very clean and I strongly recommend you to use this code for the landing page of a product oriented website.
The only minus is that it requires user action (click) to actually show the next slide.

Creating Digg-like Web Form

admin — Fri, 23 Jan 2009 07:05:57 +0000

Looking for a great way to improve your user-interface? We’ve found a very efficient way to do so.

Whenever your user is filling out a form, you can provide hints with the “on_click” value. Here you will be able to do it thanks to jQuery.

Message Boxes with jQuery (Appear/Disappear)

admin — Sat, 10 Jan 2009 18:50:43 +0000

Very interesting post I found on Janko’s website about animating message boxes (appear/disappear) using jQuery. If it’s used smartly, this script will definitely improve your User-Interface (UI) and ease your users experience on your site.

You can read more on Janko’s website.