Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs. On a Lightbox-enabled page, a user can click an image to have it magnified in a Lightbox window, which resizes itself according to the size of the image using a gliding animation. Lightbox determines which images will be shown in the modal window through the XHTML "rel" attribute, which is used on an <a> element wrapped around the <img alt="" /> element. Lightbox also provides a way to attach captions to images and to run a slide show, which can be navigated using the arrow keys.
Fancybox - Fancy lightbox alternative
The script has gained widespread popularity due to its simple yet elegant style and easy implementation. While it was initially developed from scratch, Lightbox has since been modified to use a number of JavaScript libraries (such as the Prototype Javascript Framework and jQuery for its animations and positioning), in order to reduce the size of the code. The release of Lightbox encouraged other developers to work on similar projects, resulting in products such as 15+ promising jQuery Lightbox-Clones plugins.
Continue reading...
Do you ever know the way to open a external link in a new windows or tabs is one of "The Top Ten Web Design Mistakes of 1999"?
Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my screen with any more windows, thanks (particularly since current operating systems have miserable window management).
Designers open new browser windows on the theory that it keeps users on their site. But even disregarding the user-hostile message implied in taking over the user's machine, the strategy is self-defeating since it disables the Back button which is the normal way users return to previous sites.
I discovered right away is that the <a> tag does not allow the target attribute in XHTML Strict (nor does it in HTML Strict).
Open external links
However, the behavior of
<a target="_blank"'> can be replicated in XHTML Strict with semantic markup and scripting.
Continue reading...
Dropdown menus and menu bars have been heavily used since the early days of graphical user interfaces. Their use has become ubiquitous, and even expected, in desktop applications, and the web has quickly followed suit. There are lots of dropdown menus already out there. Here you’ll find 25 sexy jQuery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well.
Continue reading...
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig.
jQuery is free, open source software Dual-licensed under the MIT License and the GNU General Public License.
jQury is available in two formats:
- Compressed (which allows you to have a significantly smaller file size) a.k.a Minified version.
- Uncompressed (good for debugging and to understand what is behind the magic).
The minified versions, while having a larger file size than the packed versions (note: packed version is not available in current release), are generally the best versions to use on production deployments. The packed versions require non-trivial client-side processing time to uncompress (unpack) the code whereas the minified versions do not. The packed versions of jQuery will take less time to download than the minified or uncompressed versions; however, each time the library is loaded (initially or from the browser cache) it will need to be uncompressed which will cause a non-trivial delay in the execution of any jQuery code each time it is loaded.
Continue reading...
BoxOver DHTML/Javascript Lightweight Tooltips
BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript. Move your mouse over the items below to see examples. BoxOver is free and distributed under the GNU license.
There are many tweaks which can be set to customise it to your needs by setting through a tag’s “title” attribute. Some of them are very useful.
Continue reading...
