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

menunavigationslider

Thumbnails Navigation Gallery with jQuery

In Tutorials, Jul 29, 2010 by Manoela Ilic

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties […]

audio

Music Portfolio Template with HTML5 and jQuery

In Playground, Jul 26, 2010 by Manoela Ilic

Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The […]

fixed

Related Posts Slide Out Boxes with jQuery and CSS3

In Tutorials, Jul 21, 2010 by Manoela Ilic

The other day we were wondering how we could show our visitors more of our works. It’s normal that in a blog older posts get forgotten and even if something […]

draggabletooltiptwitter

Latest Tweets Tooltip with jQuery

In Playground, Jul 20, 2010 by cody

If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for […]

menunavigation

Slide Down Box Menu with jQuery and CSS3

In Tutorials, Jul 16, 2010 by Manoela Ilic

In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We […]

dropdownfiltermenunavigationsearch-box

UI Elements: Search Box with Filter and Large Drop Down Menu

In Playground, Jul 14, 2010 by Manoela Ilic

Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the […]

slideshow

Minimalistic Slideshow Gallery with jQuery

In Tutorials, Jul 5, 2010 by Manoela Ilic

In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our […]

highlightoverlay

Image Highlighting and Preview with jQuery

In Tutorials, Jul 4, 2010 by Manoela Ilic

In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to […]

draggable

Interactive Photo Desk with jQuery and CSS3

In Playground, Jul 1, 2010 by Manoela Ilic

In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that […]

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.
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
  • 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