With Rocking Letters into the New Year

2011 has been an exciting year for Codrops and we want to thank you for supporting us! We’ve learned a lot and it’s a privilege to us to be able to share our tutorials, experiments and thoughts with you. We hope that you have enjoyed our content and that it was inspiring and useful to you!

By in Playground on
RockingLetters
Demo Download

2011 has been an exciting year for Codrops and we want to thank you for supporting us! We’ve learned a lot and it’s a privilege to us to be able to share our tutorials, experiments and thoughts with you. We hope that you have enjoyed our content and that it was inspiring and useful to you!

For 2012 we have some great changes planned. We want to offer you more interesting things in form of new categories and better interaction possibilities. This, of course, will require a new look for Codrops which means that we’ll have a major redesign coming up. Then we can all finally say “goodbye” to this blue mess 🙂

The reason why we were unable to redesign this blog until now is a very simple one: lack of time. We are trying hard to keep tutorials and articles coming and with so many new possibilities that CSS3 and HTML5 offer, we simply can’t resist to go crazy and “do something”. But we’ve set our minds to invest enough time in order to finally give Codrops a nice and functional design to reflect its purpose: giving you innovative and useful things, for free, always.

If you are interested in joining us and contributing to Codrops, please let us know, we always need creative minds.

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

With all this in mind, we will, of course, not leave you without some inspiring experiment 🙂 So, we want to give you some rocking letters in CSS3 for welcoming 2012 in style!

How it works

There are four “layers” of words that will be flying in, one after the other, making the previous one fade out. The letters will fly in rotating and get a little shake once they “smash” into their place.
The demo is best viewed in a browser that supports perspective.

Have a great 2012 and thank you for your support!

Team Codrops

The team behind Codrops with all its regular writers and contributors.

Creating an Animated Displaced Sphere with a Custom Three.js Material

Bringing Letters to Life: Coding a Kinetic SVG Typography Animation

Image Stack Entrance Animations

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 19

Comments are closed.

  5. I really enjoyed this years’ articles and tutorials on Codrops. You guys are on the road to something special.

    The creativity that went into the jquery/css3 tutorials were mindblowing and designwize they were top-notch.

    Don’t get too much work in 2012 with Tympanus, otherwise there’s not much time anymore for Codrops. 😉 But that’s how things goes if you produce one of the greatest experimental tutorials out there… you’ll get noticed 🙂

    I wish you all a kick-ass 2012 and I’ll read you next year!

  7. Happy New Year, Feliz Año Nuevo, Bonne Année, etc. You want to put more interesting things in your site???? How will you do that exactly??? Until now, your stuff was interesting enough to me. I can’t wait the next year (I can’t believe I’m saying this…).
    Anyway, be happyr.

  8. Happy New Year Codrops Team… I wish you a very happy and prosperous
    2012… 🙂 I learnt alot from your website… Thank you very much…

  10. Happy New Year to Team Codrops 🙂

    Keep brewing awesome posts like the once in the previous year. …

  11. Happy new year 2012 from Paris to the Codrops team and to all of you! Thank you very much for the amount of things I keep learning with you. Reading you is a real pleasure. Thank you again and see you with a huge pleasure in 2012!

  13. Wow…. what a script yar… this is the best way to wish new year to someone.. I am gonna use this….
    thanks codrops team… you are great!!

    God bless you…

  14. Happy New Year to everyone expect to codrops team, your tutorials are amazing, thanks for this.

  16. Happy New Year codrops Team, txs a lot for this 2011 full of amazing tutorial, i have learned a lot, had much fun and sure will be here always for 2012. health love and the best wishes from Austria !

  17. Thank you for providing one of the most awesome tutorials for web dev in the internet. You guys are amazing. Happy new year!