for Lightbox, refer to: Shadowbox, Prettyphoto or Colorbox
[IF YOU ARE ADDING FLASH OR QTIME, MAKE SURE YOUR VIEWER SUPPORTS THAT MEDIA]
for a JQuery carousel, trycoda slider or smoothscroll:
http://css-tricks.com/javascript-page-slider-roundup/
http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ [smooth scroll] OR
http://www.smoothdivscroll.com/ [smooth div scroll]
for CSS rollover gallery, refer to http://www.cssplay.co.uk/menu/scroll_gallery CSS gallery with scroll
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ Basic CSS hover
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ Basic CSS hover 2
http://www.cssplay.co.uk/menu/clip_gallery Clipped gallery
http://www.cssplay.co.uk/menu/image_magnifier Magnifier
http://www.cssplay.co.uk/menu/enlarge.html Another magnifier
http://www.cookwood.com/html6ed/examples/css-effects/popups.html Basic popup rollover from the Castro HTML book
http://www.sohtanaka.com/web-design/popout-details-on-hover-w-css/ Highlight Gallery: popout on hover
http://www.narga.net/15-promising-jquery-lightbox-clones-plugins/ Selection of Lightbox-type galleries
http://planetozh.com/projects/lightbox-clones/ Big list of Lightbox Clones, with their attributes
http://www.digitalia.be/software/slimbox2 Slimbox2
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes. It’s a full blown media lightbox.
http://leandrovieira.com/projects/jquery/lightbox/ Lightbox clones
http://www.1stwebdesigner.com/freebies/57-free-image-gallery-slideshow-and-lightbox-solutions/ Lightbox clones
http://css-tricks.com/examples/FeaturedContentSlider/ Lightbox clones builds on coda slider
http://www.huddletogether.com/projects/lightbox2/ Lightbox2 download [remember, use navigation that doesn't depend on the 'back' button]. Photos only
http://colorpowered.com/colorbox/ ColorBox [uses JQuery]
http://www.nickstakenburg.com/projects/lightview/ Inline content, Ajax content, Flash, iframe
http://www.lokeshdhakar.com/projects/lightbox2/ Lightbox2
http://fancybox.net/ [uses JQuery, is customizable]
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/ Links to different Lightbox-type galleries
http://www.shadowbox-js.com/index.html Inline content, iframe, Flash, Videos, Youtube
http://www.artviper.net/website-tools/bumpbox-lightbox.php FLV, PDF, flv, swf, audio, images
http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html Article with many slider/scrolling examples. See #10, #16, #19
http://www.noupe.com/design/sliding-content.html Horizontal sliders using JS and JQuery
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/ Horizontal sliders using JS and JQuery Tutorial
http://www.3point7designs.com/blog/2008/04/12-websites-that-slide-and-scroll-with-javascript More JS sliders
http://woork.blogspot.com/2008/03/using-css-and-mootools-to-simulate.html EASY mouse slider JS
http://paulicio.us/2008/10/17/horizontal-page-scrolling-using-javascript/ EASY Slider
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm step carousel JQuery
http://cssglobe.com/lab/easyscroll/ Easy scroll [example is a horizontal scroll]
http://www.catswhocode.com/blog/top-10-javascript-slideshows-carousels-and-sliders Top 10 JS slideshows, carousels and sliders
http://www.catswhocode.com/blog/10-examples-of-futuristic-css3-techniques From the same site, CSS3
http://css-tricks.com/javascript-page-slider-roundup/ Coda slider and step carousel viewer
http://css-tricks.com/examples/AnythingSlider/ JQuery Slider
http://www.smashingmagazine.com/2010/09/21/5-coding-techniques-for-more-dynamic-websites/ See #5 for a one-page slider
http://caroufredsel.frebsite.nl/ carousel
http://www.go2script.com/items/style/20rollover gallery with transitions
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/ Workflow and good practices
http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/ more ideas for better coding
http://webdesignledger.com/tips/web-design-trends-in-2011 Web Trends for 2011
http://webdesignledger.com/tips/web-design-trends-for-2010 if you missed Web Trends for 2010...
http://webkit.org/blog/41/ Web Inspector allows you to view page source; just right click on an element, or hold Shift + Control.
First, do a download of the latest build, like WebKit-SVN-r38297.dmg
Then type this into the Mac Terminalapp : defaults write com.apple.Safari \WebKitDeveloperExtras -bool true
Finally, restart Safari. Youwill see 'Inspect Element' when youright click or click with Shift + Control
http://browserling.com Cross-browser viewing in a web page