Awesome CSS3 Tutorials - July 2010

Recreating the MLB.com Content Switcher with jQuery and CSS3

Louis Lazaris shared a very nice tutorial on recreating this content slider using jQuery and CSS3.

How to Create a Cool Slide Out Panel with CSS3 only

Here is a tutorial on how to build an animated slide out panel using only CSS3.

Slide Down Box Menu with jQuery and CSS3

This tutorial will show you how to create a unique sliding box navigation.

Related Posts Slide Out Boxes with jQuery and CSS3

One more tutorial about creating sliding box with jQuery and CSS3.

Create an infinite polaroid image viewer with jQuery>

A tutorial that shows you how to easily create a looping image rotator with jQuery and CSS3.

An Awesome CSS3 Lightbox Gallery With jQuery

In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it.

Fancy Image Hover Using CSS3

In this tutorial we will try to create fancy image hover with CSS3.

Music Portfolio Template with HTML5 and jQuery

Tutorial about creating music portfolio template.

Contextual Slideout Tips With jQuery & CSS3

This tutorial will show a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours.

Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

How to Create a "Stay-On-Top" Menu with CSS3 and jQuery

The video below will show you how to create "Stay-On-Top" Menu with CSS3 and jQuery.

Creating a Neon Blink Effect for your Forms using CSS3 and jQuery

How cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well, then this tutorial teaches you on how to build one in the easiest manner possible.

Better Page Corner Ads with CSS3 Transforms

Interesting article about creating corner ads with CSS3.

CSS3 Minimalistic Navigation Menu

Tutorial about creating a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.

CSS3 Tutorial - University Bulletin

Build a university bulletin page layout and use some cool CSS3 techniques to structure this up such as transparency, rounded corners, text shadow and much more.

How to Build a Lightsaber (with CSS)

This tutorial will walk you step by step in the process of building a detailed lightsaber using html, CSS, and even a little jQuery for interactivity.

How to create 3D cube using CSS3

In this mini tutorial I'll show you a small example on how to create a 3D cube with pure CSS3 using -webkit-transform and -moz-transform.

Forms, jQuery and CSS3

This tutorial will show you several tricks for styling forms with CSS3.

Word-Wrap: A CSS3 Property That Works in Every Browser

Louis Lazarus tells about word-wrap CSS property.

Collection Of HTML5 Cheat Sheets For Designers And Developers

Large collection of useful HTML5 cheat sheets.

Comments

I think the title is misleading. This is actually tutorials on how to mix jQuery with CSS3 for great results… for the most part.

More good examples you can find here:
http://www.hibuddyz.com/forum

Advertise on this site

Recent Comments