CSS Pedia - CSS Tips, Tutorial and Resource Gallery » jQuery http://www.csspedia.org CSS Pedia - Ultimate CSS Resource Gallery Sat, 29 Aug 2009 10:40:38 +0000 http://wordpress.org/?v=2.8 en hourly 1 How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/ http://www.csspedia.org/resources-2/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/#comments Sat, 29 Aug 2009 10:25:07 +0000 Shabu http://www.csspedia.org/?p=155 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tutorial for how to create a sexy vertical sliding panel using jQuery and CSS3.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/feed/ 0 Smart Columns with CSS and jQuery http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/ http://www.csspedia.org/resources-2/smart-columns-with-css-and-jquery/#comments Sun, 09 Aug 2009 06:16:46 +0000 Shabu http://www.csspedia.org/?p=125 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tutorial for how to creating a smart columns inside liquid layouts using a combination of CSS and jQuery.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/smart-columns-with-css-and-jquery/feed/ 0 Creating a Polaroid Photo Viewer with CSS3 and jQuery http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html http://www.csspedia.org/resources-2/creating-a-polaroid-photo-viewer-with-css3-and-jquery/#comments Sun, 09 Aug 2009 06:04:50 +0000 Shabu http://www.csspedia.org/?p=120 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/creating-a-polaroid-photo-viewer-with-css3-and-jquery/feed/ 0 Horizontal Sub-nav with CSS & jQuery http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ http://www.csspedia.org/resources-2/horizontal-sub-nav-with-css-jquery/#comments Thu, 30 Jul 2009 10:32:56 +0000 Shabu http://www.csspedia.org/?p=102 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> In most cases we can achieve this effect purely with CSS, but since we have to attend to our red headed step child aka IE6, we will use a few lines of jQuery to cover all grounds.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/horizontal-sub-nav-with-css-jquery/feed/ 0 Mixing CSS3 and jQuery… How to CSS3 Effects via jQuery http://www.webair.it/blog/2009/07/09/mixing-css3-and-jquery-how-to-css3-effects-via-jquery/ http://www.csspedia.org/resources-2/mixing-css3-and-jquery%e2%80%a6-how-to-css3-effects-via-jquery/#comments Thu, 30 Jul 2009 10:23:27 +0000 Shabu http://www.csspedia.org/?p=101 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> How to use CSS3 today with safety to create visible effects in all browsers? Simple! Hiding it in jQuery! In this way your problem is just to know if the browser supports jQuery. Today we show yuo a useful list to learn to use CSS3 via jQuery.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/mixing-css3-and-jquery%e2%80%a6-how-to-css3-effects-via-jquery/feed/ 0 Reinventing a Drop Down with CSS and jQuery http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx http://www.csspedia.org/resources-2/reinventing-a-drop-down-with-css-and-jquery/#comments Thu, 30 Jul 2009 10:09:15 +0000 Shabu http://www.csspedia.org/?p=95 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> This tutorial will show you how to create Drop Down and get rid of select element using CSS and jQuery.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/reinventing-a-drop-down-with-css-and-jquery/feed/ 0 Horizontal Subnav with CSS http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ http://www.csspedia.org/resources-2/horizontal-subnav-with-css/#comments Sun, 19 Jul 2009 06:42:14 +0000 Shabu http://www.csspedia.org/?p=54 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Simple tutorials on making a horizontal subnav with CSS and jQuery.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/horizontal-subnav-with-css/feed/ 0 Simple Tabs with CSS & jQuery http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ http://www.csspedia.org/resources-2/simple-tabs-with-css-jquery/#comments Tue, 14 Jul 2009 11:45:37 +0000 Shabu http://www.csspedia.org/?p=49 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A tutorial for making a simple tabs with CSS & jQuery, easy to understand even for a beginner.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/simple-tabs-with-css-jquery/feed/ 0 A jQuery plugin for slick CSS3 menus http://www.marcofolio.net/webdesign/jslickmenu_a_jquery_plugin_for_slick_css3_menus.html http://www.csspedia.org/resources-2/a-jquery-plugin-for-slick-css3-menus/#comments Tue, 14 Jul 2009 11:00:29 +0000 Shabu http://www.csspedia.org/?p=40 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> jSlickmenu plugin, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design.

Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> http://www.csspedia.org/resources-2/a-jquery-plugin-for-slick-css3-menus/feed/ 0