Cross Browser MooTools Syntax Highliter

Lighter.js is a free syntax highlighting class developed with MooTools. It was created with the MooTools developer in mind and takes advantage of many of the Framework’s features. Using it can be as simple as adding a single script to your webpage, selecting the elements you wish to highlight, and Lighter.js takes care of the rest.

Read the rest →

Fancy Accordion Effects For Web Designers

Accordion effect is a multi tier sliding (expanded and collapsable) effect of html element, accordion name taken from a musical instrument, accordion effect is one of the best implementation of interactive non flash web design, most of designer used to implemented javascript show/hide or known as simple toggle function to have show/hide effect in their web page. Accordion complete the toggling function make it more interactive with smooth and ease move while showing or hidding the hidden content.

The other benefits of using accordion effect beside the interactivity is, just as toggle, slide, nor CSS based show/hide effect, accordion can save your web page space, especially for fixed width nor fixed height web page design. Show the content only when it is requested otherwise keep ‘em invisible.
Read the rest →

Web 2.0 Round up Modal Window Lightbox Effect Libraries

Modal window effects or well known as lightbox effects has became a new web 2.0 buzz words, since lightbox released, many clones has launched, made by creative developers around world wide web.

Lightbox effects used to implemented to overlay image, to have flash likes effect in non flash web page using javascript, but nowdays the implementation has became various can be used to overlay images, video, flash movie, dialog or alert box, even wrapping external web page and form submission collaborated with ajax method.

Here i listed some of the excellent lightbox effect libraries that you can choose to have overlay effects in your web pages.
Read the rest →

Web 2.0 modal window featuring lightbox slimbox thickbox lightwindow and moodalbox

Modal window is is a child window which requires the user to interact with it before they can return to operating the parent application. Modal windows are commonly used in GUI systems to command user awareness and to display emergency states (via wiki).

Why modal? is that standard popup window doesn’t enough? well it is web 2.0 trends where interactivity, focus, and usability is the matter. Displaying popup window/dialog window in new browser window were annoying, and we can’t keep the focus of the visitor in one page, effects? no way. Most of modal window library has used overlays effect, it can take the focus of the visitor eyes to the modal content and also make it looks more elegan.
Read the rest →