Codrops
  • All Posts
  • Demos Hub
  • Webzibition

Image Techniques for Creating Depth in Web Design
3Ddepthinspirationphotographyroundup

Image Techniques for Creating Depth in Web Design

In Articles, Feb 27, 2013 by Carrie Cousins

Creative manipulation of images, from layering to composition to special effects, can add depth to web projects.

Introducing Blueprints - A New Section on Codrops
blueprints

Introducing Blueprints – A New Section on Codrops

In Articles, Feb 26, 2013 by Manoela Ilic

We are introducing a new section on Codrops which will contain basic templates and components, called Blueprints.

Full Width Image Slider
navigationslideshow

Full Width Image Slider

In Blueprints, Feb 26, 2013 by Manoela Ilic

A very simple 100% width slider that scales down to mobile.

Elastic Content Slider
slideshow

Elastic Content Slider

In Blueprints, Feb 26, 2013 by Manoela Ilic

A fluid content slider that will adjust in width and height depending on the size of its parent.

Fresh and Creative Web Design Techniques
colorinspirationrounduptrends

Fresh and Creative Web Design Techniques

In Articles, Feb 15, 2013 by Kendra Gaines

Space, peachy colors, big and real images and movement will top designer’s to-do lists this year.

Designing with Motion
best practicesroundup

Designing with Motion

In Articles, Feb 8, 2013 by Henry Modisett

Animations in a website or app should be subtle, complex, and natural. The right combination of these can make a UI feel responsive and alive.

Interactive Infographic with SVG and CSS Animations
infographicsvgtimeline

Interactive Infographic with SVG and CSS Animations

In Tutorials, Feb 6, 2013 by Adam Coulombe

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

Dynamic Grids
fluidgrid

Creating Nestable Dynamic Grids

In Tutorials, Feb 4, 2013 by Larry Botha

Learn how to create flexible and fluid grids which make nesting at arbitrary depths easy, while allowing full freedom for how the grid behaves in all viewports.

Meco
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Subscribe
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • LinkedIn
  • Instagram
  • X (Twitter)
  • Bluesky
  • Facebook
  • Telegram
  • RSS Feed
  • GitHub
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo