Link: DynamicDrive.com
This tab content script uses Ajax to let you display a selection of external content on your page inside a DIV and via CSS tabs!
This Ajax Tabs Content script was designed to be much more than look pretty, but usable.
Link: MochiKit.com
Want fancy looking HTML elements with rounded corners, but don’t want to do any weird image hacks? Do it in JavaScript! MochiKit.Visual makes it completely painless, and this example shows it off.
Link: Cow.NeonDragon.net
Reflection.js 1.5 allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing. Best of all, it’s under 5KB.
Link: Xilinus.com
This javascript class allows you to add window in a HTML page.
This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory.
It has been tested on Safari, Camino, Firefox and IE6.
Link: HuddleTogether.com
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
Link: SimplePie.org
SimplePie is a very fast and easy-to-use class, written in PHP, for reading RSS and Atom syndication feeds. By keeping it simple, and focusing on what’s important, they’ve built a pretty sweet little API. SimplePie’s focus has been two-fold: speed and ease of use, and has been very successful on both fronts.
And no, they didn’t steal it from Apple.
Link: Novemberborn.net
Put simply, sIFR allows website headings, pull-quotes and other elements to be styled in whatever font the designer chooses - be that Foundry Monoline, Gill Sans, Impact, Frutiger or any other font - without the user having it installed on their machine.
Link: Mad4Milk.net
moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, written with prototype.js.
It’s easy to use, fast, cross-browser, standards compliant, provides controls to modify Height, Width, and Opacity with builtin checks that won’t let a user break the effect with multiple crazy clicks. It’s also optimized to make you write the lesser code possible.
Link: Curvy Corners.net
curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.
Link: HTML.it
Nifty Corners Cube are a solution to get rounded corners without images.
JQuery is officially my javascript framework of choice. Since I discovered several months back, I have been trying to use it exclusively. most of the cool effects you see on my recent web work uses the JQuery framework
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.
This could be the most powerful link I have posted to date. Enjoy!
Link: LindenLan.net
The coolest part about Google Calendar is that you can embed it in your web page using an iframe which Google provides a handy-dandy configurator to generate the HTML. The worst part about Google Calendar is that you embed it in your web page using an iframe.
An iframe is truly a page within a page from the start html tag down to the end html tag. Therefore it has it’s own separate scope which means you can’t inherit styles from the parent page. If my company’s web site had a cerulean blue theme, then I wouldn’t really care. Unfortunately, the web site is colored various shades of green. Clash-o-matic.
What’s the solution? Use an intermediary script to request the calendar document and then replace the stylesheet link with a link to my own stylesheet. Voila!
-script by Brian Gibson
Link: ChrisErwin.com
Checkbox & Radio Input Replacement
Hides Checkboxes and Radio Buttons allowing you to apply CSS to the Label element to mimick their behavior. The form will still collect data as usual.
-script by Chris Erwin
