Little Boxes Menu with jQuery
By Mary Lou on
Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals ...
Tutorials
In this section you will find in-depth how-tos involving common web development and web design techniques.
Sliding Panel Photo Wall Gallery with jQuery
By Mary Lou on
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when ...
Scrollable Thumbs Menu with jQuery
By Mary Lou on
In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a ve ...
Stunning Circular Motion Effect with jQuery
By Mary Lou on
Today we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular mo ...
Beautiful Background Image Navigation with jQuery
By Mary Lou on
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list ...
Pimp Your Tables with CSS3
By Mary Lou on
Today I am going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specifi ...
Rocking and Rolling Rounded Menu with jQuery
By Mary Lou on
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found ...
Awesome Bubble Navigation with jQuery
By Mary Lou on
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubb ...
Pretty Simple Content Slider with jQuery and CSS3
By Mary Lou on
Today we will create an auto-playing content slider with jQuery and CSS3. The idea is to alter the background image and to slide in the head ...
Elegant Accordion with jQuery and CSS3
By Mary Lou on
Today we will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We wil ...
End of Page Slide Out Box with jQuery
By Mary Lou on
The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the las ...
Interactive Image Vamp up with jQuery, CSS3 and PHP
By Mary Lou on
Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI ...
A Fresh Bottom Slide Out Menu with jQuery
By Mary Lou on
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. ...
Photo Zoom Out Effect with jQuery
By Mary Lou on
Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially ...
Grungy Random Rotation Menu with jQuery and CSS3
By Mary Lou on
In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to l ...
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
By Mary Lou on
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-styleR ...
Clothesline Social Bookmarks – A CSS-only Social Bookmarking Tutorial
By Mary Lou on
Today we will create a fancy social bookmarking solution which will not require any JavaScript – it is only CSS based. We will hang up some rotated social book ...
Creating a Rotating Billboard System with jQuery and CSS
By Mary Lou on
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating bi ...
Day and Night: Creating a Scenery Animation with jQuery and CSS
By Mary Lou on
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolut ...
Fixed Fade Out Menu: A CSS and jQuery Tutorial
By Mary Lou on
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial ...
Beautiful Slide Out Navigation Revised
By Mary Lou on
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot ...
CSS and jQuery Tutorial: Overlay with Slide Out Box
By Mary Lou on
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 ...
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
By Mary Lou on
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – ...
CSS Tutorial: Image with Toolbar and Navigation Overlay
By Mary Lou on
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 ...
