Skip to main content

Home/ CSS Evangelist/ Group items tagged 2011

Rss Feed Group items tagged

anonymous

Windows 8 Preview - Something Web Developers Can Look Forward To - 0 views

  •  
    2011 has been a year for previewing some of the most advanced and anticipated technologies related to mobile telephones and computing. Android devices evolved and Honeycomb's advent paved way for development of tablets. Now it's time for Windows 8, armed with new features and touting several benefits.
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.
Vernon Fowler

Learning To Use The :before And :after Pseudo-Elements In CSS | Smashing Coding - 0 views

  • The content that’s injected will be child content in relation to the targeted element
  • First, you can include a URL that points to an image, just as you would do when including a background image in the CSS
tech vedic

How to buy a smartphone for business? - 0 views

  •  
    Shopping is not an easy task. When it comes to buy a gadget for your work related needs, you need to be very specific and attentive. In this tutorial, we are highlighting business features among the different operating systems as well as the best specs for business which you should keep in mind while purchasing your smartphone.
Alexis Sgavel

Custom drop downs with CSS3 | Lea Verou - 0 views

  •  
    The pointer-events property allows authors to control whether or when an element may be the target of user pointing device (pointer, e.g. mouse) events. This property is used to specify under which circumstance (if any) a pointer event should go "through" an element and target whatever is "underneath" that element instead. This also applies to other "hit testing" behaviors such as dynamic pseudo-classes (:hover, :active, :focus), hyperlinks, and Document.elementFromPoint().
1 - 9 of 9
Showing 20 items per page