Image Highlighting and Preview with jQueryJuly 4, 2010

In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context. We will highlight images on a delayed ...

read more

Collective: Griddy: Simple Grid Overlay Plugin for JQueryMay 30, 2010

Often when I’m designing layouts, I know I want to create x number of columns that are spaced y pixels apart. Usually I do the math in my head or if I’m feeling super lazy, I pull out my calculator. While playing with grid overlays earlier today, I decided to make a plugin that automati...

read more direct link

Collective: Lightbox_meMay 30, 2010

Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it ...

read more direct link

CSS and jQuery Tutorial: Overlay with Slide Out BoxDecember 3, 2009

The other day I was creating an overlay with a box for Cody's jTextTranslate jQuery Plugin and I thought, it could be useful to describe the technique in a tutorial. So, I want to show you how to create a semi-transparent overlay that covers all the page, and a message box that can be turned ...

read more

CSS Tutorial: Image with Toolbar and Navigation OverlayNovember 23, 2009

In this tutorial I will show you how to create an overlay toolbar and navigation for an image. This type of technique can, for example, be applied in an image gallery where you want to provide some options for the user when he is viewing your images. The result of this tutorial will look like thi...

read more