About

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.

What started as an experimental blog became an exciting playground for sharing the passion for web design and web development.

The web is innovating each and every day, pushing the boundaries of how websites are built from the fundamental structure to the most delicate interaction effects. And on Codrops we want to share some of that.

We are always looking for creative minds to join us, write for us, explore, collect, engage… So, if you would like to become part of Codrops, please contact us!

Codrops is curated by

Manoela Ilic

Mary Lou (Manoela Ilic) is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

Regular Contributors

Sara Soueidan

Sara is a freelance front-end web developer, consultant, writer and speaker from Lebanon—focusing on HTML5, SVG, CSS3, and JavaScript. She loves teaching and breaking down complex subjects into simple, easy-to-digest ideas. She writes mostly about CSS and SVG for various online magazines like Smashing Magazine, A List Apart, and the Adobe Dreamweaver Team blog, while sipping a cup of her favorite fruit-flavored green tea. You can find more of her articles & tutorials on her website. She tweets @SaraSoueidan on Twitter.

Latest Articles

Creative Gooey Effects

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components....

Playful Trampoline Effect

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape lik...

Subtle Click Feedback Effects

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The ...

Some Ideas for Checkout Effects

Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons co...

Sliding Header Layout

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. ...

Would you like to join Codrops?

We are always searching for writers, web developers and web designers who would like to contribute to Codrops!

If you would like to talk about your ideas, write a tutorial or simply share something that you created, please contact us.