CSS Pedia - CSS Tips, Tutorial and Resource Gallery » CSS3 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 50+ Stunning CSS3 Articles http://www.tripwiremagazine.com/design/css-techniques/50-stunning-css3-resources-cheat-sheets-and-tutorials.html http://www.csspedia.org/resources-2/50-stunning-css3-articles/#comments Sat, 29 Aug 2009 10:20:24 +0000 Shabu http://www.csspedia.org/?p=153 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> 50+ Stunning CSS3 Articles, Cheat Sheets and Tutorials Collections.

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

]]> http://www.csspedia.org/resources-2/50-stunning-css3-articles/feed/ 0 Simple, Scalable CSS Based Breadcrumbs http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/ http://www.csspedia.org/resources-2/simple-scalable-css-based-breadcrumbs/#comments Sun, 16 Aug 2009 12:37:22 +0000 Shabu http://www.csspedia.org/?p=139 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tutorial shows you how to create breadcrumbs with CSS. The code used is simple (the HTML portion is just an unordered list) and there are only six CSS styles defined.

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

]]> http://www.csspedia.org/resources-2/simple-scalable-css-based-breadcrumbs/feed/ 0 Super Awesome Buttons with CSS3 and RGBA http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba http://www.csspedia.org/resources-2/super-awesome-buttons-with-css3-and-rgba/#comments Sun, 16 Aug 2009 11:30:44 +0000 Shabu http://www.csspedia.org/?p=134 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> With a little CSS3 magic, you can created a scalable set of sexy buttons with nearly half the CSS it would have taken with hex colors.

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

]]> http://www.csspedia.org/resources-2/super-awesome-buttons-with-css3-and-rgba/feed/ 0 CSS3 Multiple Columns http://www.zenelements.co.uk/blog/css3-multiple-columns/ http://www.csspedia.org/resources-2/css3-multiple-columns/#comments Sun, 09 Aug 2009 06:13:07 +0000 Shabu http://www.csspedia.org/?p=124 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A tutorial for creating multi-column layouts with CSS3. The CSS is pretty simple and straight-forward, much easier than most current solutions to multi-column layouts.

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

]]> http://www.csspedia.org/resources-2/css3-multiple-columns/feed/ 0 Multiple Backgrounds (CSS3) http://group.mind-productions.com/articles/multiple_backgrounds__css3_/ http://www.csspedia.org/resources-2/multiple-backgrounds-css3/#comments Sun, 09 Aug 2009 06:12:06 +0000 Shabu http://www.csspedia.org/?p=123 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Shows how to implement multiple backgrounds using CSS3. It’s currently only supported by Safari, but the tutorial includes tricks to make it work in non-supported browsers.

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

]]> http://www.csspedia.org/resources-2/multiple-backgrounds-css3/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 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 CSS3 box-shadow technique http://www.position-absolute.com/news/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/ http://www.csspedia.org/resources-2/css3-box-shadow-technique/#comments Thu, 30 Jul 2009 10:17:02 +0000 Shabu http://www.csspedia.org/?p=99 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> How to get CSS3 box-shadow accepted as a viable option at your workplace.

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

]]> http://www.csspedia.org/resources-2/css3-box-shadow-technique/feed/ 0 CSS3 @font-face is not as ready as you would think http://www.position-absolute.com/articles/html5-font-face-is-not-as-ready-as-you-would-think/ http://www.csspedia.org/resources-2/css3-font-face-is-not-as-ready-as-you-would-think/#comments Thu, 30 Jul 2009 10:14:25 +0000 Shabu http://www.csspedia.org/?p=97 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> @font-face is one of the new CSS3 feature that has been implemented in every major browser beside IE, this is also the kind of stuff that can degrade really well in non compliant browsers…

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

]]> http://www.csspedia.org/resources-2/css3-font-face-is-not-as-ready-as-you-would-think/feed/ 0 CSS text shadows and background sizing http://dev.opera.com/articles/view/css-text-shadows-and-background-sizing/ http://www.csspedia.org/resources-2/css-text-shadows-and-background-sizing/#comments Sun, 26 Jul 2009 05:56:36 +0000 Shabu http://www.csspedia.org/?p=94 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A good tutorial from Dev.Opera that will show you how to use text-shadow and background-size.

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

]]> http://www.csspedia.org/resources-2/css-text-shadows-and-background-sizing/feed/ 0 CSS3 selectors explained http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ http://www.csspedia.org/resources-2/css3-selectors-explained/#comments Sun, 26 Jul 2009 05:51:01 +0000 Shabu http://www.csspedia.org/?p=93 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A good intro for CSS3 selectors, explained by 456 Berea St.

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

]]> http://www.csspedia.org/resources-2/css3-selectors-explained/feed/ 0 Semantic code: put more in, get more out with CSS3 http://www.css3.info/semantic-code-put-more-in-get-more-out/ http://www.csspedia.org/resources-2/semantic-code-put-more-in-get-more-out-with-css3/#comments Sun, 26 Jul 2009 05:49:58 +0000 Shabu http://www.csspedia.org/?p=92 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A quick tutorial on how to use semantics so that you get more out of CSS3 selectors.

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

]]> http://www.csspedia.org/resources-2/semantic-code-put-more-in-get-more-out-with-css3/feed/ 0 Using CSS3 selectors to apply link icons http://www.css3.info/using-css-3-selectors-to-apply-link-icons/ http://www.csspedia.org/resources-2/using-css3-selectors-to-apply-link-icons/#comments Sun, 26 Jul 2009 05:45:34 +0000 Shabu http://www.csspedia.org/?p=91 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A quick tutorial on how to add handy icons to links.

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

]]> http://www.csspedia.org/resources-2/using-css3-selectors-to-apply-link-icons/feed/ 0 CSS3 and International Text http://www.w3.org/International/articles/css3-text/ http://www.csspedia.org/resources-2/css3-and-international-text/#comments Sun, 26 Jul 2009 05:44:35 +0000 Shabu http://www.csspedia.org/?p=90 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> An overview of the CSS3 modules currently in development that will introduce a large number of properties designed to support non-Latin text.

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

]]> http://www.csspedia.org/resources-2/css3-and-international-text/feed/ 0 Stay on :target with CSS3 http://carsonified.com/blog/features/css/stay-on-target/ http://www.csspedia.org/resources-2/stay-on-target-with-css3/#comments Sun, 26 Jul 2009 05:43:28 +0000 Shabu http://www.csspedia.org/?p=89 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tutorial on using the :target pseudo selector.

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

]]> http://www.csspedia.org/resources-2/stay-on-target-with-css3/feed/ 0 Tooltips with CSS3 http://www.css3.info/tooltips-with-css3/ http://www.csspedia.org/resources-2/tooltips-with-css3/#comments Sun, 26 Jul 2009 05:39:34 +0000 Shabu http://www.csspedia.org/?p=87 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> How to make use of the :before (or :after) pseudo element and content property, combined with the :hover pseudo class to create nice tooltips.

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

]]> http://www.csspedia.org/resources-2/tooltips-with-css3/feed/ 0 Styling Forms with Attribute Selectors http://dev.opera.com/articles/view/styling-forms-with-attribute-selectors/ http://www.csspedia.org/resources-2/styling-forms-with-attribute-selectors/#comments Sun, 26 Jul 2009 05:38:41 +0000 Shabu http://www.csspedia.org/?p=86 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A great tutorial from Dev.Opera for styling forms with attribute selectors.

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

]]> http://www.csspedia.org/resources-2/styling-forms-with-attribute-selectors/feed/ 0 Making an image gallery with :target http://www.css3.info/making-an-image-gallery-with-target/ http://www.csspedia.org/resources-2/making-an-image-gallery-with-target/#comments Sun, 26 Jul 2009 05:37:04 +0000 Shabu http://www.csspedia.org/?p=85 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> How to use the new CSS3 selector :target pseudo-class

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

]]> http://www.csspedia.org/resources-2/making-an-image-gallery-with-target/feed/ 0 A mock-up interface using CSS3 Colour http://www.css3.info/a-mock-up-interface-using-css3-colour/ http://www.csspedia.org/resources-2/a-mock-up-interface-using-css3-colour/#comments Sun, 26 Jul 2009 05:33:33 +0000 Shabu http://www.csspedia.org/?p=84 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Really cool example of what\’s possible with CSS3 Colour.

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

]]> http://www.csspedia.org/resources-2/a-mock-up-interface-using-css3-colour/feed/ 0