App Showcase with Grid Overlay
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. ... read more
overlay
Putting CSS Clip to Work: Expanding Overlay Effect
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. ... read more
Annotation Overlay Effect with CSS3
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo- ... read more
Overlay-like Effect with jQuery
Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of cert ... read more
Portfolio Zoom Slider with jQuery
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and i ... read more
Overlay Effect Menu with jQuery
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with ... read more
Annotation Overlay Effect with jQuery
Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea fr ... read more
Collective: ChillBox Project
Designed by Christopher Hill, and inspired by Lokesh Dhakar\’s Lightbox2, ChillBox is a JQuery Plugin is a simple, unobtrusive script used to overlay images on ... read more
Image Highlighting and Preview with jQuery
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 nic ... read more
Collective: Griddy: Simple Grid Overlay Plugin for JQuery
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 ... read more
Collective: Lightbox_me
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 fo ... read more
CSS and jQuery Tutorial: Overlay with Slide Out Box
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 tut ... read more
CSS Tutorial: Image with Toolbar and Navigation Overlay
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 galler ... read more