Codrops

Useful resources and inspiration for creative minds

Latest articles

Inspirational Websites Roundup #18

These past few weeks have been filled with amazing productive creativity in the web design community and I’m so happy to share this incredible set of websites with you to get you inspired and keep you up to date with the current trends. Sans-serif is sexy again and typography based designs accompanied by exciting shapes are on the menu. Colors...

Collective #623

Inspirational Website of the Week: Claudio Guglieri A well designed and exciting web experience by Claudio Guglieri. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Website Heatmaps & Behaviour Analytics Tool Understand how users are really experiencing your site without drowning in numbers! Try it free...

Menu to Inner Page Animation with Image Grid Background

Today I have a little layout for you. The idea is to show a menu with a nice background grid of images and when choosing to explore a project, an animation happens where the images of the background grid fly away and an inner page shows. This kind of layout is interesting for a photography portfolio or some other project presentation. ...

Collective #622

Inspirational Website of the Week: MGcream A fun design with a modern touch and some lovely details. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Website Heatmaps & Behaviour Analytics Tool Understand how users are really experiencing your site without drowning in numbers! Try it...

Collective #621

Inspirational Website of the Week: Elias & Valentin A very fluid experience on another level of sophistication. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Website Behavior Analytics Software Understand how users are really experiencing your site without drowning in numbers! Try...

Diagonal Thumbnail Slideshow Animation

The other day I saw this very nice Dribbble shot by Anton Tkachev and couldn’t help but envision it as a slideshow with some large typography. So I went ahead and did a small demo which then turned into an exploration of several animations for the image tiles and the texts. So the main idea is to animate the tilted thumbnails out of the...

Collective #620

Inspirational Website of the Week: keysshoes We love the fun layouts and diverse details! Our pick this week. Get inspired What is the Small Web? Aral Balkan has a vision for the future where every person owns and controls their own place on the shared global network. He also introduces Site.js, a Small Web construction set. Read it...

Design.dev: A New Place to Find Free High-Quality Design Resources

This is a sponsored article written by our friends at Design.dev, a new website for design resources. Whether you are a graphic designer, web designer or developer, working in the UI or UX field, or pretty much anything related to digital and print production, you likely have utilized premade digital assets in your projects. There are a variety...

Experimental Triangle Image Transitions with WebGL

Do you love triangles? I do. And because its boring to like all triangles, I specifically target my love to equilateral ones, like this one: Isn’t this beautiful? ? Why Nobody: …Nobody at all: …Me: lets make full screen image transitions with equilateral triangles! And although that pretty much sums up the reasoning part,...

Awesome Demos Roundup #17

I’m so excited to share another packed roundup with you! This time we have lots of CSS trickery and creative WebGL explorations that will leave you itching for experimenting more. I love, love, love all of them but my personal favorite in this collection is the wonderful Disintegration demo by Sikriti Dakua, it’s absolutely amazing! I really...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!