The Design Coalition :: Links

CRIR

Travis Dahl — Sat, 09 Sep 2006 17:38:00 +0000

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

iBox

Travis Dahl — Wed, 23 Aug 2006 04:44:00 +0000

Link: iBegin.com

Ahmed from iBegin.com had contacted me through my site and said:

"I saw you mentioned ThickBox, and though you might be interested in our implementation: iBox

It is akin to ThickBox, but it uses no external JS (so filesize is smaller), supports non-JS users, and it has a few more features."

I had already seen this around the same time i found lightBox, greyBox, and thickBox but somehow I had forgotten to mention iBox. So with no further ado. iBox

DHTMLGoodies.com

Travis Dahl — Fri, 18 Aug 2006 18:44:00 +0000

Link: DHTMLGoodies.com

A library of DHTML and AJAX scripts

Love it!

CSS Play

Travis Dahl — Mon, 24 Jul 2006 18:35:00 +0000

Link: CSSPlay.co.uk

Stu Nicholls created this site in the hope that it will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents. It is oh so much more.

Because CSSplay deals with experimental CSS that is exactly what you get JUST CSS, no javascript or any other programming language has been used in any of the demonstrations.

This is an AWESOME site!

Fireworks in Photoshop

Travis Dahl — Wed, 05 Jul 2006 05:56:00 +0000

Link: Video-Tutorial.com

In this tutorial, you will learn how to create fireworks in Photoshop. Thought it was fitting for the 4th of July. Found it a couple days late but hey... maybe next year.

Thick Box

Travis Dahl — Mon, 10 Jul 2006 15:19:00 +0000

Link: CodyLindley.com

Why is ThickBox so cool? Well, because it's unobtrusive, simple to use, simple to implement, and more powerful then Greybox or Lightbox alone. Don't believe me. Let's have a look at what ThickBox does...

Grey Box

Travis Dahl — Fri, 30 Jun 2006 23:02:00 +0000

Link: Orangoo.com

4mir Salihefendic got an idea on how to make a nice pop-up window. Normal JavaScript pop-up windows are hard to "control", i.e. you can't force focus on a pop-up window. To solve this he developed GreyBox!

Inspired by the Mac OS X way of handle pop-ups. The pop-up is launched in the top of the application window.

Sliding Doors Tabs

Travis Dahl — Thu, 29 Jun 2006 18:04:00 +0000

Link: AListApart.com

It’s time to take back control over the tabs which are continually growing in popularity as a primary means of site navigation. Now that CSS is widely supported, we can crank up the quality and appearance of the tabs on our sites.

Prototype Window Class

info@thedesigncoalition.com (Design Coalition) — Sun, 25 Jun 2006 18:40:00 +0000

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.

Reflection.js

info@thedesigncoalition.com (Design Coalition) — Sun, 25 Jun 2006 18:34:00 +0000

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.

Mochi Corners

info@thedesigncoalition.com (Design Coalition) — Sun, 25 Jun 2006 18:29:00 +0000

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.

Ajax Tabs

info@thedesigncoalition.com (Design Coalition) — Sun, 25 Jun 2006 18:20:00 +0000

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.

Lightbox JS v2.0

info@thedesigncoalition.com (Design Coalition) — Tue, 20 Jun 2006 16:55:00 +0000

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.

moo.fx

info@thedesigncoalition.com (Design Coalition) — Mon, 19 Jun 2006 16:55:00 +0000

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.

Nifty Corners

info@thedesigncoalition.com (Design Coalition) — Fri, 16 Jun 2006 16:18:00 +0000

Link: HTML.it

Nifty Corners Cube are a solution to get rounded corners without images.