Create Digital Poster Design with CSS3 Only
Create a rocking drop down navigation menu using css3
CSS Gradient Text Effect
The CSS-Only Accordion Effect
Create a rollover image using css image sprites
Rounded Corner Boxes the CSS3 Way
Styling Tables with CSS
Working with css3 gradients and understanding how they work
CSS Lightbox Effect
Animated Buttons using CSS3 Transitions and Transforms
Fluid CSS Speech Bubbles
Create a speaking block navigation menu using pure css
Create a Multi Color and Size CSS3 Buttons
Create a Stylish Contact Form with HTML5 & CSS3
Create Attractive Web Typography with CSS3 and Lettering.js
Part 1: Create a beautiful contact form from scratch using Photoshop, HTML, and CSS
Advanced (yet awesome) pure CSS3 boxes without using images
CSS3 Transition
Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
Create Beautiful CSS3 Typography
Author: Marcell Purham
Marcell Purham is the founder of Webdevtuts, where he writes tutorials. He is also a freelance web developer and designer, check out his portfolio. If you would like to keep in touch with Marcell, follow him on Twitter: @marcellpurham.
radix018 says
July 19, 2011 at 1:10 amExcellent :)
Freshpage Web Design says
July 22, 2011 at 1:59 pmSome nice stuff here. If only there was a way of automatically upgrading everyone’s browsers so we could actually go to town with this stuff!
kekerain says
July 27, 2011 at 4:02 amso
good~welcome to http://www.27my.com
Dave says
July 30, 2011 at 12:38 pmOne day soon we can push html 5 out to clients : ) Already thinking how to use the sticky notes.
Aidan Boyle says
July 30, 2011 at 5:29 pmA lot of good tutorials. The more people post these and spread the love about how great HTML5 and CSS3 is the sooner we’ll wind up with more browsers adapting the new styles. It’s unfortunate that there are still browsers that don’t support this despite using scripts like modernizer and the html5 googlecode. Hopefully this will speed up the death of browserse like ie6 and ie7
Grant says
August 1, 2011 at 9:32 pmGreat post, but I’m curious about the first tutorial. I’d ask there but the commenting has been disabled.
“The resulting code will add span classes to each element inside “text” paragraph allowing us to style each element.”
You are given a snippet of javascript, but also given the code with each line labeled ascending “line1, line2, etc..” am I to label each line, or is that the job of the above snippet.
I obviously don’t know javascript all that well, any insight would be appreciated.