Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

checkboxdraggable

Sliding Checkbox Actions Menu with jQuery

In Tutorials, May 31, 2010 by Manoela Ilic

In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the […]

slideshow

Awesome Mobile Image Gallery Web App

In Tutorials, May 27, 2010 by Manoela Ilic

With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple […]

Little Boxes Menu with jQuery
boxeseasingmenunavigation

Little Boxes Menu with jQuery

In Tutorials, May 18, 2010 by Manoela Ilic

Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for […]

gridslideshow

Sliding Panel Photo Wall Gallery with jQuery

In Tutorials, May 14, 2010 by Manoela Ilic

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […]

fashionmenunavigationscroll

Scrollable Thumbs Menu with jQuery

In Tutorials, May 10, 2010 by Manoela Ilic

In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical […]

circle

Stunning Circular Motion Effect with jQuery

In Tutorials, May 7, 2010 by Manoela Ilic

Today we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular movement for a menu in a […]

Beautiful Background Image Navigation with jQuery
menunavigation

Beautiful Background Image Navigation with jQuery

In Tutorials, May 5, 2010 by Manoela Ilic

In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the […]

designtables

Pimp Your Tables with CSS3

In Tutorials, May 3, 2010 by Manoela Ilic

Today I am going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and […]

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo