Awesome CSS3 & jQuery Slide Out Button
By Mary Lou on
Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This butto ... read more
Searching for css
We've found
112 results for your search term.
Fresh Set of CSS-only Menus
By Mary Lou on
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I used 12 different styleshe ... read more
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-style” don’t really go ... read more
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 ... read more
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 billboard system. In this t ... read more
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 absolute positioned elements wit ... read more
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 out of that idea. The aim ... read more
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 ... read more
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 – the items only slide ou ... read more
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 ... read more
Styling Forms with CSS: Sophisticated Registration Form
By Mary Lou on
Here is a pretty complete registration form, nicely juiced up with some neat CSS. Here you can see a DEMO Download the ZIP file from here: CSS Registration ZIP Enjoy ... read more
Codrops’ New Style: Lessons learned from applying CSS3
By Mary Lou on
… or why your Mozilla could be slow when scrolling As you can see, we changed the style of our beloved site. The original WordPress theme can be found here: ht ... read more
CSS3 Styled jQuery Dropdown
By Mary Lou on
I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let’s add some neat style to it. You can find the original here: http://css- ... read more
Switching Styles: jQuery CSS Exchanger
By cody on
Here’s a jQuery script for changing the stylesheet of an html page. The styles can be selected from the dropdown on top of the page. There are ten styles to ch ... read more
CSS3: Creating Web Site Banners
By Mary Lou on
Inspired by Tamsin Baker’s beautiful Photoshop brushes “Urban Scrawl” 1 and 2, I was trying to create some shadowed banners using some CSS3 propert ... read more
20 fresh and colorful CSS3 buttons
By Mary Lou on
Here is the result of an experiment with fonts and css3 properties like text-shadow and box-shadow: Click here to download the ZIP file with the two overlay images: ... read more
CSS3 big style fieldset registration form
By Mary Lou on
Experimenting with CSS3, I created a big style registration form with rounded borders and shadow effects. The only image used is not the button, but the pen that ser ... read more
CSS button with hover effect
By Mary Lou on
Inspired by the nice download button on the jquery homepage I created this button with a hover effect. It uses opacity options for all browsers. You can see a demo h ... read more