25 Out of the Box Tutorials powered by jQuery and CSS3

CSS3 is the latest member of Cascading Style Sheet family,born with some amazing new features,like rounded-corners,text-shadow and box-shadow or transparency.On the other hand,jQuery,the “Write less,do more” Javascript library is just amazing…its plugins simply kills Flash.Why to use Flash when we have jQuery and CSS3?

Take your website to a new level by starting to use the power of CSS3 combined with jQuery.Don`t be afraid!Let`s forget IE6! Take Twitter example who`s using already the CSS3 rounded-corners and drop-shadow!

Check out these great 25 examples of pure CSS3 and jQuery!

1. Quicksand:Reorder and filter items with a nice shuffling animation.


2. Vertical Sliding Panel Using jQuery And CSS3


3. Awesome CSS3 & jQuery Slide Out Button


4. jSlickmenu: A jQuery plugin for slick CSS3 menus


5. jQuery DJ Hero – CSS3 and jQuery fun


6. Pure CSS3 bokeh effect with some jQuery help


7. How to Build a Lava-Lamp Style Navigation Menu


8. How to Create a Nifty Dynamic Shadow with jQuery


9. A Colorful Clock With CSS & jQuery


10. Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3


11. Old School Clock with CSS3 and jQuery


12. Creating a polaroid photo viewer with CSS3 and jQuery


13. Grungy Random Rotation Menu With jQuery and CSS3


14. A Fresh Bottom Slide Out Menu with jQuery


15. Making a Mosaic Slideshow With jQuery & CSS3


16. Sweet AJAX Tabs With jQuery 1.4 & CSS3


17. Nice And Simple Toolbar For Your Website With CSS3 And jQuery


18. Use CSS3 to Create a Dynamic Stack of Index Cards


19. Halftone Navigation Menu With jQuery & CSS3


20. Making a Sleek Feed Widget With YQL, jQuery & CSS3


21. Making a Photoshoot Effect With jQuery & CSS


22. Colorful Sliders With jQuery & CSS3


23. An Awesome CSS3 Lightbox Gallery With jQuery


24. Make An Elastic Thumbnail Menu


25. Fancy Apple-Style Icon Slide Out Navigation


If you wanna receive more Freebies and news from DeliciousThemes,just become a part of our community.

[Total: 0   Average: 0/5]

Madalin Tudose

A web developer with a crush on SEO. Having my skin in the game of website development and digital marketing for more than 10 years already, you might consider me an expert. At least this is what people call me. Honestly, I HATE that term. I prefer to describe myself as a person who takes action and risks. I test every hypothesis, document every step of the process, and implement what works.

Join the discussion

  1. Jeff Woodruff on March 17, 2010 at 2:26 pm Reply

    Nice collection of jQuery tutorials. Some pretty cool ones that I haven’t seen before. Thanks for sharing.

  2. Thomas Craig Consulting on March 17, 2010 at 9:26 pm Reply

    Thanks for the resources, looking forward to implementing some of these.

  3. Vipul Limbachiya on March 18, 2010 at 6:03 am Reply

    Superb collection, thanks for sharing!!

  4. Marcus on March 18, 2010 at 9:52 am Reply

    Excellent collection of tutorials. I barely ever follow any del.icio.us 25 best somthing-or-other but I recommend your list.

  5. Demitra on March 18, 2010 at 3:27 pm Reply

    Brilliant collection, thank you very much!

  6. Mark Rathbun on March 27, 2010 at 2:48 am Reply

    Great Article 🙂

  7. kozakiewicz on March 28, 2010 at 2:53 pm Reply

    This site has amazing CSS3-powered animations for those bubbly popovers – just click on a thumbnails and you will see: http://riddle.pl/

  8. mowdesign on April 3, 2010 at 2:13 am Reply

    very useful ! thank you..

  9. Sterling on April 5, 2010 at 3:20 pm Reply

    This, I fear, only feeds my addiction for the web beautiful.

  10. Omoba on April 8, 2010 at 1:26 pm Reply

    U really work to get these sites ttogether, we are xpecting more from you.

  11. Miramis on April 27, 2010 at 5:14 am Reply

    CSS3 is give us really nice features 🙂

  12. proofing1 on May 2, 2010 at 3:17 pm Reply

    Thanks for the inspiration! Very nice.

  13. Kaufen Generisches on June 4, 2010 at 7:06 pm Reply

    Nice finds, showing my friend now

  14. Syafiq Zainal on June 14, 2010 at 3:06 pm Reply

    Amazing! Nice collection! Thanks 🙂

  15. Thomas Manila on June 27, 2010 at 11:18 pm Reply

    Your idea coincides with mine.and I think is better.

  16. Laughton on July 22, 2010 at 11:26 am Reply

    No duty is more urgent than that of returning thanks.

    1. ielts on August 1, 2010 at 12:11 pm Reply

      CSS3 is gives us really nice features and i love ur all work.

  17. Devin Walker on August 2, 2010 at 3:08 pm Reply

    I really enjoyed this showcase! Gracias

  18. Bobby on August 5, 2010 at 1:41 am Reply

    I made a comment about this post that was courteous and professional. I disagreed with you but that doesn’t seem a reason to censor me. Why was it removed??

  19. Bad Loan on September 14, 2010 at 3:31 pm Reply

    This a wonderful collection, thnaks for sharing…

  20. naci-kanuni on September 15, 2010 at 2:39 am Reply

    kanuni motor ve yedek parçaları

  21. Sidoma on September 28, 2010 at 2:25 am Reply


  22. dreb on October 6, 2010 at 8:19 am Reply

    wow! These tutorials are awesome. Countless thanks Guys for sharing these things. 😀

  23. tasmimy on February 2, 2011 at 3:00 pm Reply

    wooow thanks a lot
    this is awesome

  24. Groho on May 8, 2011 at 4:16 am Reply

    Awesome. I like Fancy Apple-Style Icon Slide Out Navigation.
    I’ll make it on my blog later.

  25. Dejan on July 11, 2011 at 11:16 am Reply

    Thank you for this very useful tutorials!

  26. av tüfekleri on July 23, 2011 at 1:24 am Reply

    Awesome. I like Fancy Apple-Style Icon Slide Out Navigation.
    I’ll make it on my blog later.

  27. Techpraveen on November 18, 2011 at 8:32 pm Reply

    Very nice collection 🙂 I love apple navigation bar with Icons 😉

  28. farhad on November 24, 2011 at 7:31 am Reply

    ok;thanks a lot

  29. fatriff on January 31, 2012 at 1:52 am Reply

    Most of these have no CSS3 in them at all.

Leave a Comment

Your email address will not be published. Marked fields are required.