News for hackers. Stuff that matters.
Re:Fancy Buttons - Customize Buttons Effortlessly with CSS3 ... by tptacek on Friday November 20, 2009 @02:49PM (#953216)
It's CSS3 that degrades beautifully in IE and controlled by 2-3 lines of styling. What more do you want?
Re:Fancy Buttons - Customize Buttons Effortlessly with CSS3 ... by tdavis on Friday November 20, 2009 @03:03PM (#953266)
I think his point was simply that writing such CSS is hardly complicated. I like this abstraction and think it will be pretty handy for Compass users (of which I plan to become one), but this mixin basically reduces ~8 lines of CSS to two.
Re:Fancy Buttons - Customize Buttons Effortlessly with CSS3 ... by imathis on Friday November 20, 2009 @03:54PM (#953387)
As far as amount of css goes, here's what you're dealing with to achieve something similar in only CSS.

  1. Button reset - to get browsers to the same starting point
  2. Rounded corners, Text shadows, and Gradients + vendoring
  3. Background image fallback
  4. Padding, Text size, line-height, etc
  5. Default, Hover, and Active states for all styles
That's a lot of css to write, effectively reduced to a single mixin. Of course, it's also great that you can use the bare minimum html.
Re:Fancy Buttons - Customize Buttons Effortlessly with CSS3 ... by chriseppstein on Friday November 20, 2009 @04:36PM (#953472)
And there's a ton of color math going on.
Re:Fancy Buttons - Customize Buttons Effortlessly with CSS3 ... by tptacek on Friday November 20, 2009 @03:04PM (#953270)
If I had been less snarky I might have communicated my question better, which is, what's the CSS pattern that's more complicated? It'd be a good candidate for a Compass plugin.