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.


css3-filter-with-jquery

2. Vertical Sliding Panel Using jQuery And CSS3


css3-sliding-panel-with-jquery

3. Awesome CSS3 & jQuery Slide Out Button


css3-awesome-slide-out-button

4. jSlickmenu: A jQuery plugin for slick CSS3 menus


css3-polaroid-photo

5. jQuery DJ Hero – CSS3 and jQuery fun


css3-jquery-dj-hero

6. Pure CSS3 bokeh effect with some jQuery help


css3-pure-bokeh-effect

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


css3-lava-lamp

8. How to Create a Nifty Dynamic Shadow with jQuery


css3-pushing-pixel

9. A Colorful Clock With CSS & jQuery


css3-fancy-clock

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


css3-dialog-box-with-jquery

11. Old School Clock with CSS3 and jQuery


css3-old-school-clock

12. Creating a polaroid photo viewer with CSS3 and jQuery


css3-polaroid-photo-viewer

13. Grungy Random Rotation Menu With jQuery and CSS3


css3-grungy-random-slider

14. A Fresh Bottom Slide Out Menu with jQuery


css3-slide-out

15. Making a Mosaic Slideshow With jQuery & CSS3


css3-mosaic-slideshow

16. Sweet AJAX Tabs With jQuery 1.4 & CSS3


css3-sweet-tabst

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


css3-toolbar-and-jquery

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


css3-dynamic-stack-with-cards

19. Halftone Navigation Menu With jQuery & CSS3


css3-halftone-navigation-menu

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


css3-yql-jquery

21. Making a Photoshoot Effect With jQuery & CSS


css3-jquery-photoshoot-effect

22. Colorful Sliders With jQuery & CSS3


css3-colorful-sliders

23. An Awesome CSS3 Lightbox Gallery With jQuery


css3-gallery-and-jquery

24. Make An Elastic Thumbnail Menu


css3-elastic-thumbnail-menu

25. Fancy Apple-Style Icon Slide Out Navigation


css3-apple-style-icons

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

[Total: 0    Average: 0/5]

Madalin Tudose

I`m a web developer. I build HTML Templates and WordPress Themes which are eventually released on ThemeForest under the DeliciousThemes brand.

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. […] 25 Out of the Box Tutorials powered by jQuery and CSS3 – DeliciousThemes.comdeliciousthemes.com […]

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

    Superb collection, thanks for sharing!!

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

  6. Flash Optin Personal Use on March 18, 2010 at 3:17 pm Reply

    […] 25 Out of the Box Tutorials powered by jQuery and CSS3 – DeliciousThemes.com […]

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

    Brilliant collection, thank you very much!

  8. En la red 18-19 Marzo | soy un zote on March 22, 2010 at 1:46 am Reply

    […] 25 Out of the Box Tutorials powered by jQuery and CSS3 – DeliciousThemes.com Tutoriales que combinan css3 con jQuery Etiquetas: diseño webdesign css3 jquery css tutoriales recursos plugins tweetmeme_url = 'http://www.elzote.com/blogroll/en-la-red-18-19-marzo/'; ¿Si te ha gustado, por qué no compartirlo?: […]

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

    Great Article 🙂

  10. 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/

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

    very useful ! thank you..

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

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

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

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

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

    CSS3 is give us really nice features 🙂

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

    Thanks for the inspiration! Very nice.

  16. […] 25 Out of the Box Tutorials powered by jQuery and CSS3 […]

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

    Nice finds, showing my friend now

  18. […] 25 Out of the Box CSS3 and jQuery Effects […]

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

    Amazing! Nice collection! Thanks 🙂

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

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

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

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

    I really enjoyed this showcase! Gracias

  23. 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??

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

    This a wonderful collection, thnaks for sharing…

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

    kanuni motor ve yedek parçaları

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

    ::D

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

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

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

    wooow thanks a lot
    this is awesome

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

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

    Thank you for this very useful tutorials!

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

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

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

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

    ok;thanks a lot

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