You must have seen tons of stuff around the web like:
"Pure CSS3 Slider"
"Pure CSS3 Buttons"
"Pure CSS3 Crap"
But... Does that Help you learn anything?
or maybe ... to some extent.
It's not easy to dig through the final piece of code and learn, I can understand!
Lets change that - completely
If you are the person making such cool creations, spend a little more time and effort and write it down again with proper commenting at:
but how the heck is it different ?
You can use vanilla HTML/CSS/JS or tools like Jade, Markdown, Haml, Slim, Stylus, SASS, SCSS, Compass, Less, Coffeescript, Zen Coding, Prefixfree, Normalize, etc.
and we will record it!
We will record your entire typing process.
People can then "playback" your "codecast" in a video-style. They can view, notice, examine and learn the exact steps you used to create your amazing creation.
They'll learn from your approach and mistakes, realizing what kind of mistakes a developer makes in real world situations and know what techniques to use when they encounter the same set of problems in real-world projects.
a complete new learning experience!
We've already received tons of good feedbacks regarding this learning process. People are loving it!
Create codecasts and change frontend development education to some extent!
Single Element iPhone in CSS3:
Making a CSS3 Pie timer:
Creating Tooltips without Extra Markup:
Breaking Bad Logo in CSS and SVG:
That's all, Happy Coding and Codecasting :-)