Skip to main content

Home/ CSS Evangelist/ Group items tagged condition

Rss Feed Group items tagged

yc c

Conditional-CSS - 3 views

  •  
    Conditional-CSS allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers. * Target CSS to any web-browser * Streamline maintenance of your CSS files * Optimise your CSS * Work around those annoying little CSS bugs * Automatic expansion and inclusion of @import statements * It's free and open source!
Frederik Van Zande

SitePoint » How to Use Conditional Comments for Better CSS - 0 views

  •  
    I'm a new contributor to the SitePoint blogs and will mostly be covering front-end development and Semantic Web technologies. I'm looking forward to participating in the SitePoint community! Sometimes it's the simplest things that go unnoticed for the longest time. Case in point, while catching up on some WSG reading tonight, I saw a link to Paul Hammond's Conditional classnames for Internet Explorer. In a sentence, he shows how using conditional comments to customize the element's class name can be used to simplify CSS selectors for a number of advantageous purposes.
Vernon Fowler

An introduction to LESS, and comparison to Sass | Smashing Coding - 0 views

  • The only difference in variables between LESS and Sass is that, while LESS uses @, Sass uses $. There are some scope differences as well, which I’ll get to shortly.
  • With Sass, you declare @mixin prior to the style to identify it as a mixin. Later, you declare @include to call it.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • ...8 more annotations...
  • .border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
  • The syntax in Sass is very similar to that of LESS. Just use the $ for variables, and call the mixins with the @mixin and @include method mentioned earlier.
  • Selector Inheritance Here’s something not provided in LESS. With this ability, you can append a selector to a previously established selector without the need to add it in a comma-separated format. .menu { border: 1px solid #ddd; } .footer { @extend .menu; } /* will render like so: */ .menu, .footer { border: 1px solid #ddd; }
  • With LESS, you can nest ids, classes and elements as you go.
  • You can also refer in element styles to their pseudo-elements by using the &, which in this case functions similar to this in JavaScript.
  • Sass is a lot more versatile with numbers than LESS. It has built into it conversion tables to combine comparable units.
  • Sass seems to have a lot more color options — not that I would need them all. Lighten and darken are the only ones that I see myself using often.
  • Conditionals and Control This is rather nifty, and another thing not provided by LESS. With Sass, you have the ability to use if { } else { } conditional statements, as well as for { } loops. It supports and, or and not, as well as the <, >, <=, >= and == operators.
Frederik Van Zande

Better Image Caching with CSS * Perishable Press - 0 views

  •  
    I have written previously on the fine art of preloading images without JavaScript using only CSS. These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a "CSS-only" preloading method that works better under a broader set of conditions.
Frederik Van Zande

Hackszine.com: Easiest cross-browser CSS min-height - 0 views

  •  
    Enforcing a minimum height for block elements in HTML is one of those few CSS tricks that you can't live without. There are still enough folks using IE6, unfortunately, and it doesn't support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.
Sanny Y

Online Computer Tech Support Service that Understands Urgency - 1 views

My business cannot live without the support of computers. My products are all recorded in a database system and so is my payroll system. Plus, I constantly surf the web to check on my clients onlin...

online computer tech support

started by Sanny Y on 14 Jun 11 no follow-up yet
shalani mujer

PC Technical Support's Great Contribution - 1 views

Our Daycare Center has computers that are specially made for children's use. Each unit has child-friendly and educational games that will surely be enjoyed by the children. It is a good thing that ...

pc technical support

started by shalani mujer on 30 Sep 11 no follow-up yet
Sanny Y

PC Technical Support's Great Contribution - 1 views

Our Daycare Center has computers that are specially made for children's use. Each unit has child- friendly and educational games that will surely be enjoyed by the children. It is a good thing that...

PC technical support

started by Sanny Y on 13 Sep 11 no follow-up yet
cecilia marie

Computer Problem Solved - 1 views

I was having difficulties with the computer problem I am facing with and it really disturbs me. I cannot proceed with my school works well because it keeps on showing up. Then I discovered Compu...

computer problem

started by cecilia marie on 08 Jul 11 no follow-up yet
1 - 10 of 10
Showing 20 items per page