Setting Equal Height… April 19, 2009

With jQuery

• http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/
• http://spindrop.us/2007/05/22/equal-height-columns-with-jquery/
• http://www.cssnewbie.com/example/equal-heights/
• http://richardhulse.blogspot.com/2008/11/equal-height-columns-with-jquery.html

With CSS

• http://www.alistapart.com/articles/fauxcolumns/

Javascript, jQuery, Tutorials… April 17, 2009

JQUERY PLUGINS

• CYCLE
  http://malsup.com/jquery/cycle/
• S3 SLIDER
  http://www.serie3.info/s3slider/
• DROP SHADOW
  http://eyebulb.com/dropshadow/
• CORNER
  http://malsup.com/jquery/corner/
• SHADED BORDER
  http://www.ruzee.com/files/shadedborder/test.html
• GRADIENTS
  http://davidwees.com/javascript/gradients/
• JGROWL
  http://stanlemon.net/projects/jgrowl.htm
• JCROP
  http://deepliquid.com/content/Jcrop.html
• INNER FADE
  http://medienfreunde.com/lab/innerfade/
• ACCESSIBLE NEWS SLIDER
  http://www.reindel.com/accessible_news_slider/
• REFLECTIONjs
  http://www.digitalia.be/software/reflectionjs-for-jquery
• jqZOOM
  http://www.mind-projects.it/projects/jqzoom/
• CROSS SLIDE
  http://www.gruppo4.com/~tobia/cross-slide.shtml
• SPHERICAL PANORAMA VIEWER
  http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en
• CHECKBOX AND RADIO BUTTON REPLACEMENT
  http://widowmaker.kiev.ua/checkbox/
• RADIO BUTTON AND CHECKBOX REPLACEMENT
  http://www.protofunc.com/scripts/jquery/checkbox-radiobutton/
• SELECT BOX REPLACEMENT
  http://www.brainfault.com/2008/02/10/new-release-of-jquery-selectbox-replacement/
• AJAX FILE UPLOAD
  http://valums.com/ajax-upload/
• SEEK ATTENTION
  http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html
• LAVA LAMP
  http://nixboxdesigns.com/demos/jquery-lavalamp.php
• DATE PICKER
  http://jqueryui.com/demos/datepicker/
• MASKED INPUT PLUGIN
  http://digitalbush.com/projects/masked-input-plugin/
• jqCHART
  http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html
• FLOATING BOX
  http://www.phpletter.com/Demo/Jquery-Floating-Box-Plugin/
• LIGHBOX (BALUPTON)
  http://plugins.jquery.com/project/jquerylightbox_bal
• LIGHTBOX (LEANDRO)
  http://leandrovieira.com/projects/jquery/lightbox/
• PRETTY PHOTO
  http://leandrovieira.com/projects/jquery/lightbox/
• IMAGE FLOW
  http://imageflow.finnrudolph.de/
• CODA SLIDER
  http://www.ndoherty.com/demos/coda-slider/1.1.1/
• BETTER CODA SLIDER
  http://jqueryfordesigners.com/coda-slider-effect

JAVASCRIPT

• REFLECTION.JS
  http://cow.neondragon.net/stuff/reflection/
• HIGH SLIDE GALLERY
  http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html

TUTORIALS

• ANIMATED SHINE EFFECT
  http://www.frontenddoneright.com/index.php/2009/01/23/create-an-animated-shine-effect-with-jquery-part-1/

• TOOLTIP
  http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/

• LOGIN PAGE
  http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

• TRANSPARENT BACKGROUND
  http://mihaistancu.wordpress.com/2008/08/02/cross-browser-transparent-background-with-jquery-no-css-hacks-no-png-files/

• TABBED INTERFACE
  http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

• LEOPARD DESKTOP
  http://net.tutsplus.com/tutorials/javascript-ajax/leopard-desktop-in-jquery-using-jqdock/

• LEOPARD DESKTOP
  http://net.tutsplus.com/tutorials/javascript-ajax/adding-to-our-leopard-desktop-with-jquery/

• AUTO-PLAY CONTENT SLIDER
  http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

jQuery Simple Drop Down Menu March 9, 2009

I usually use Ger Versluis’ HV Menu which can be downloaded here

I found a bit simpler alternative here, it is based on jQuery.

I said a bit simpler because we only define the menu structure in a UL block.

If you like simplicity, have a visit to the demo page

jQuery Video Tutorial on Blip.TV January 24, 2009

Note: to download videos using these links you’ll need to login (register if you don’t have account yet)

Day 1
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginners144.flv

Day 2
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginners2688.flv

Day 3
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay3505.flv

Day 4
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay4982.flv

Day 5
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay5685.flv

Day 6
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay6434.flv

Day 7
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay7911.flv

Day 8
N/A

Day 9
N/A

Day 10
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay10678.flv

Day 11
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay11435.flv

Day 12
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay12640.flv

Day 13

N/A

Day 14
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay14387.flv

Day 15  Part 2
http://blip.tv/file/get/NETTUTS-jQueryForAbsoluteBeginnersDay15day2570.flv