CSS Pedia - CSS Tips, Tutorial and Resource Gallery » Tips 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 Inappropriate Uses http://css-tricks.com/inapproprite-uses/ http://www.csspedia.org/resources-2/inappropriate-uses/#comments Sat, 29 Aug 2009 10:40:38 +0000 Shabu http://www.csspedia.org/?p=162 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Inappropriate use is when you cross those lines and create a mismatch.

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

]]> http://www.csspedia.org/resources-2/inappropriate-uses/feed/ 0 How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins http://www.onextrapixel.com/2009/08/25/how-to-use-pure-css-to-style-web-form-dynamically-plus-12-awesome-javascript-plugins/ http://www.csspedia.org/resources-2/how-to-use-pure-css-to-style-web-form-dynamically-plus-12-awesome-javascript-plugins/#comments Sat, 29 Aug 2009 10:29:48 +0000 Shabu http://www.csspedia.org/?p=157 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tips and tutorial for styling your web forms with CSS and JavaScript.

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

]]> http://www.csspedia.org/resources-2/how-to-use-pure-css-to-style-web-form-dynamically-plus-12-awesome-javascript-plugins/feed/ 0 Styling Buttons to Look Like Links http://natbat.net/2009/Jun/10/styling-buttons-as-links/ http://www.csspedia.org/resources-2/styling-buttons-to-look-like-links/#comments Sun, 16 Aug 2009 12:31:51 +0000 Shabu http://www.csspedia.org/?p=138 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> This tutorial gives a complete overview of how to make your buttons look like text links using CSS.

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

]]> http://www.csspedia.org/resources-2/styling-buttons-to-look-like-links/feed/ 0 Fluid Images http://unstoppablerobotninja.com/entry/fluid-images/ http://www.csspedia.org/resources-2/fluid-images/#comments Sun, 09 Aug 2009 06:01:33 +0000 Shabu http://www.csspedia.org/?p=118 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Shows how to make your images fluid, too. And it works for most embedded video. And while the basic technique includes just one CSS property, there is a workaround necessary to make it work on Windows machines.

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

]]> http://www.csspedia.org/resources-2/fluid-images/feed/ 0 Vertical Centering With CSS http://blog.themeforest.net/tutorials/vertical-centering-with-css/ http://www.csspedia.org/resources-2/vertical-centering-with-css/#comments Tue, 04 Aug 2009 07:47:45 +0000 Shabu http://www.csspedia.org/?p=115 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Five excellent ways to center your content vertically. It includes the good and bad for each method along with complete instructions for implementing them. The methods range from using divs that act like tables to using absolute positions.

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

]]> http://www.csspedia.org/resources-2/vertical-centering-with-css/feed/ 0 Making Your Footer Stay Put with CSS http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/ http://www.csspedia.org/resources-2/making-your-footer-stay-put-with-css/#comments Tue, 04 Aug 2009 07:42:54 +0000 Shabu http://www.csspedia.org/?p=114 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Tutorial shows exactly how to keep your footer where it should be and below the rest of your content! It’s a very thorough post, with complete, step-by-step instructions.

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

]]> http://www.csspedia.org/resources-2/making-your-footer-stay-put-with-css/feed/ 0 CSS Centering – Fun for all! http://www.maxdesign.com.au/presentation/center/ http://www.csspedia.org/resources-2/css-centering-fun-for-all/#comments Tue, 04 Aug 2009 07:41:16 +0000 Shabu http://www.csspedia.org/?p=113 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Instructions for centering liquid layouts with CSS. It\’s very simple and straight-forward and works in virtually all browsers.

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

]]> http://www.csspedia.org/resources-2/css-centering-fun-for-all/feed/ 0 5 Step Style Sheet Weight Loss Program http://www.sohtanaka.com/web-design/optimizing-css-tutorial/ http://www.csspedia.org/resources-2/5-step-style-sheet-weight-loss-program/#comments Tue, 04 Aug 2009 07:37:49 +0000 Shabu http://www.csspedia.org/?p=112 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Five different ways to trim the size of your style sheets. Techniques range from learning how to group selectors to using CSS shorthand. Each technique is thoroughly explained and includes related resources.

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

]]> http://www.csspedia.org/resources-2/5-step-style-sheet-weight-loss-program/feed/ 0 clickjane.css: A CSS User Style Sheet to Help Detect and Avoid Clickjacking Attacks http://maymay.net/blog/2008/12/29/clickjanecss-a-css-user-style-sheet-to-help-detect-and-avoid-clickjacking-attacks/ http://www.csspedia.org/resources-2/clickjane-css-a-css-user-style-sheet-to-help-detect-and-avoid-clickjacking-attacks/#comments Tue, 04 Aug 2009 07:35:18 +0000 Shabu http://www.csspedia.org/?p=111 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Article shows how to use clickjane.css to prevent clickjacking, a class of security vulnerabilities kind of like phishing scams and more formally referred to as user interface redressing.

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

]]> http://www.csspedia.org/resources-2/clickjane-css-a-css-user-style-sheet-to-help-detect-and-avoid-clickjacking-attacks/feed/ 0 15+ CSS Tips and Tricks http://www.queness.com/post/402/15-css-tips-and-tricks http://www.csspedia.org/resources-2/15-css-tips-and-tricks/#comments Mon, 03 Aug 2009 06:21:02 +0000 Shabu http://www.csspedia.org/?p=107 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> A list of CSS tips and tricks that will make your life so much easier! I have also make a list of CSS shorthands for your convenience.

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

]]> http://www.csspedia.org/resources-2/15-css-tips-and-tricks/feed/ 0 CSS Opacity That Doesn\’t Affect Child Elements http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/ http://www.csspedia.org/resources-2/css-opacity-that-doesnt-affect-child-elements/#comments Thu, 30 Jul 2009 10:18:27 +0000 Shabu http://www.csspedia.org/?p=100 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> This is a quick tip to describe a method to workaround the problem of child elements in your HTML inheriting opacity settings on their parent element.

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

]]> http://www.csspedia.org/resources-2/css-opacity-that-doesnt-affect-child-elements/feed/ 0 Getting Started with CSS: A Practical Exercise http://line25.com/tutorials/getting-started-with-css-a-practical-exercise http://www.csspedia.org/resources-2/getting-started-with-css-a-practical-exercise/#comments Thu, 30 Jul 2009 10:15:17 +0000 Shabu http://www.csspedia.org/?p=98 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Learning how to write CSS is an essential lesson in any web design classroom. For you who are just starting out, here’s a beginner’s guide to help you learn the basics in proper CSS execution.

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

]]> http://www.csspedia.org/resources-2/getting-started-with-css-a-practical-exercise/feed/ 0 Push Your Web Design Into The Future With CSS3 http://www.smashingmagazine.com/2009/01/08/push-your-web-design-into-the-future-with-css3/ http://www.csspedia.org/resources-2/push-your-web-design-into-the-future-with-css3/#comments Tue, 21 Jul 2009 04:32:49 +0000 Shabu http://www.csspedia.org/?p=69 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Five CSS3 techniques snatched from the future that you can put into practice in your website designs today.

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

]]> http://www.csspedia.org/resources-2/push-your-web-design-into-the-future-with-css3/feed/ 0 CSS – String Truncation with Ellipsis http://mattsnider.com/css/css-string-truncation-with-ellipsis/ http://www.csspedia.org/resources-2/css-string-truncation-with-ellipsis/#comments Tue, 14 Jul 2009 11:32:19 +0000 Shabu http://www.csspedia.org/?p=48 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Justin Maxwell explaining the technique he fine tuned for Mint.com to ellipses text using just CSS.

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

]]> http://www.csspedia.org/resources-2/css-string-truncation-with-ellipsis/feed/ 0 Write Better CSS with Less http://www.sitepoint.com/blogs/2009/06/30/write-better-css-with-less/ http://www.csspedia.org/resources-2/write-better-css-with-less/#comments Tue, 14 Jul 2009 11:28:16 +0000 Shabu http://www.csspedia.org/?p=47 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> I have a confession: I think parts of CSS suck. It’s repetitive, tedious, and… well, kind of dumb.

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

]]> http://www.csspedia.org/resources-2/write-better-css-with-less/feed/ 0 Reduce your headache when developing for IE6 & IE7 with just one line http://thecssblog.com/tips-and-tricks/reduce-your-headache-when-developing-for-ie6-ie7-with-just-one-line/ http://www.csspedia.org/resources-2/reduce-your-headache-when-developing-for-ie6-ie7-with-just-one-line/#comments Tue, 14 Jul 2009 11:19:08 +0000 Shabu http://www.csspedia.org/?p=44 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> After some time battling with Internet Explorer 6 & 7, I discovered that most of it’s rendering problems are produced when using floats, because the hasLayout variable gets messed up.

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

]]> http://www.csspedia.org/resources-2/reduce-your-headache-when-developing-for-ie6-ie7-with-just-one-line/feed/ 0 How the CSS Lists can Help SEO http://www.webair.it/blog/2009/07/08/2009/07/02/how-the-css-lists-can-help-the-seo/ http://www.csspedia.org/resources-2/how-the-css-lists-can-help-seo/#comments Thu, 09 Jul 2009 11:51:27 +0000 Shabu http://www.csspedia.org/?p=36 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Learn how to get a better scan of your site by Google bot to be indexed in better way simply by using CSS Lists.

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

]]> http://www.csspedia.org/resources-2/how-the-css-lists-can-help-seo/feed/ 0 30+ CSS Cheat Sheets & Quick Reference Guides http://www.allwebdesignresources.com/webdesignblogs/graphics/30-css-cheat-sheets-quick-reference-guides/ http://www.csspedia.org/resources-2/30-css-cheat-sheets-quick-reference-guides/#comments Thu, 09 Jul 2009 11:42:13 +0000 Shabu http://www.csspedia.org/?p=33 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> Cheat Sheets can help you save so much time and can really help you learn about CSS in an easy to understand format.

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

]]> http://www.csspedia.org/resources-2/30-css-cheat-sheets-quick-reference-guides/feed/ 0 16+ Easy CSS Techniques that Simplify the Webdesigner’s Life http://www.webair.it/blog/2009/07/08/2009/03/23/16-easy-css-techniques-that-simplify-the-webdesigners-life/ http://www.csspedia.org/resources-2/16-easy-css-techniques-that-simplify-the-webdesigners-life/#comments Thu, 09 Jul 2009 11:39:07 +0000 Shabu http://www.csspedia.org/?p=32 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> More than 16 CSS Techniques that simplify the web designer’s life!

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

]]> http://www.csspedia.org/resources-2/16-easy-css-techniques-that-simplify-the-webdesigners-life/feed/ 0 10 Principles of the CSS Masters http://net.tutsplus.com/html-css-techniques/10-principles-of-the-css-masters/ http://www.csspedia.org/resources-2/10-principles-of-the-css-masters/#comments Thu, 09 Jul 2009 11:30:49 +0000 Shabu http://www.csspedia.org/?p=27 Resource Sites: Smashing Post | CSS Gallery | WordPress Resources | Design Blog

]]> 10 excellent principles that any web developer or designer can find useful, meaningful, or challenging.

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

]]> http://www.csspedia.org/resources-2/10-principles-of-the-css-masters/feed/ 0