Discover Cutting Edge CSS3 Techniques: Free Premium Series
Tutorial Details
- Topic: CSS3
- Difficulty: Intermediate - Advanced
- Estimated Completion Time: A few hours
The Tuts+ marketplace has been a resounding success, thanks to the troves of authors and buyers who’ve supported the idea from day one. As a token of our appreciation and gratitude, every month we offer a free file from each marketplace.
This month’s freebie just so happens to come from Nettuts+ editor, Jeffrey Way! His Discover Cutting Edge CSS3 Techniques series aids you in traversing the dark depths of CSS3 through a comprehensive 7-part video series.
Be sure to grab this series before the end of the month!
In this 7-part video series, we’ll dive into the latest CSS3 tricks and techniques, while still paying close attention to older browsers that do not support the latest advancements in CSS – things like transitions, gradients, etc.
To do so, we’ll, as a bonus, play around a bit with JavaScript, canvas, and the excellent Modernizr browser to provide feature detection.
What You’ll Master
- The new CSS3 flexible box model, which takes the place of floats
- Creating awesome, and unique shadows with psuedo elements
- CSS3 animations and transformations
- 3D CSS rotations
- How to listen for clicks with CSS
- Scaling elements, without affecting the document flow
- Text strokes in Webkit AND Mozilla!
- Some new CSS3 psuedo classes
- Cross-browser CSS3 gradients – both linear and radial
- Creating texture (noise) with canvas
- How to use the excellent Modernizr library, and how to extend it to support new, vendor-specific properties, like ‘-webkit-text-stroke’
Remember to also check out the rest of the Tuts+ marketplace as well. It’s filled with an ever-growing catalog of unique, focused screencasts, walkthroughs and ebooks covering a range of topics.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Siddharth
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Awesome, thanks guys!
Hopefully I can learn a thing or two from this.
Already watched it. Great series.Thanks a lot Jeffrey.
Thanks, Nick!
it’s nice to watch it… but sadly am not a premium member…
kankaro, it’s absolutely free for this month. Just check out this tuts+ marketplace page, and be sure to register on the site (for free). And you will be able to download it. Cheers.
Good to know, thanks!
Looking forward to the videos! awesome as usual…
Thank you, I just started watching and it’s great :)
I have one curious question. What editor/feature/whatever are you using in video tutorial, causing browser to shows the result instantly as you are typing HTML/CSS? Is it some Mac only feature or can I use it on my Linux too?
I don’t like switching to browser and refreshing manually every time I make some changes. This would be very helpful.
Thank you very much!
I’m interested to see the flexible box model in practise – it seems as if its going to be much easier than floats and clears everywhere.
And yet another video tutorial… * sigh * While I do appreciate the free stuff, I find really counterintuitive to follow lessons, especially about code, by having to wait in front of a video.
Videos might be good for people who hate to read, or read slowly, but the internet is not a glorified television, imho. I’d much rather quickly scan a blog post for the interesting bits.
Waow definitely worth a download.
Thank you Jeffrey for this, and for your great work in general and thank you Envato you people rulz ;-)
from Brussels, Belgium,
Ross
@Nick Plekhanov: Thanks a lot for the info… finished downloading the video… am ready to watch it now… thanks a lot once again..
Fnks! Looks very promising.
Jeffrey , you are the man :)
Nice things to refer, but its not browser compatible ………..
any how good, keep it up.
Thank you very much guys. I’m excited about watching this serie.
Awesome. Downloading it right now. I hope its made for beginners also, like me.
Whoever is following this, try every browser. Check your work in IE 7 + 8 wich is what your clients are using. Have fun!
Perhaps I’m doing something wrong, but when I visit the marketplace page and sign in with my account, it tells me that there is a $9 license fee. I’m using the link you provided, so not sure if the deal has ended?
No longer free?
Yeah its not showing up as the Free file of the month for me. Its still January though? Whats up?
Jeffery , what about gradient in IE9 ?!!
is there any solution ?
thanks .
What is the deal with this. I tried all day yesterday and kept taking me to the marketplace. It said grab it before end of the month.
same to me…
the rss notice arrived on Jan 23, so….
I thought it will be avail until Feb 23??
where’s the free link?????