11-28-2009, 07:25 PM
This thread might not be very interesting, or new. But this are the kind of things people that happends to people that does not google every word and that likes to think and over-complicate an issue (like me 
)
So about a month ago I knew about the existence of outline as a CSS property. And I was like, "so is just another border?". But I realized the diference like two weeks ago! The border is like inside the element, while the outline is outside (oh that's huge). But anyways, the borders get rounded when you use border-radius, but the outline doesn't.
In the design I was workin on, the ideal thing would be to have a border and an outline in order to achieve the 2px pop technique w/o any images. But it was rounded with CSS. So it was not possible, because the outline would remain as an square. So I thought of others way of making it, the first one was to add an extra wrapper, but I'm not killing my semantics for this, so it was a no. Then, it was the CSS3 borders with images... it'd make the trick, but not in IE (and other browsers) and this same property would make many others things possible, even an alternate CSS3 method of making rounded corners, and many other neat things with a little of imagination. So, I could only make a 1px*1px white image (that would make the line to contrast with the dark border) and set is as background of the element, I set it to repeat-x and be 1px away of the top. And there it was done, but I had to use another image, another HTTP request, slower.
So that lead me to think, when we'll be able to work with CSS3 and unleash our creativity with it. Having faster loads, and cleaner markups and CSS. I wanted to go the CSS3 conference in New York that took place this year
But, there's also some light on the no-so-far-away future, Microsoft recently announced IE9 would have CSS3 support
The bad thing is, when will people upgrade? Probably never, or when their computers completely crashes and they are forced to buy new licenses.
)So about a month ago I knew about the existence of outline as a CSS property. And I was like, "so is just another border?". But I realized the diference like two weeks ago! The border is like inside the element, while the outline is outside (oh that's huge). But anyways, the borders get rounded when you use border-radius, but the outline doesn't.
In the design I was workin on, the ideal thing would be to have a border and an outline in order to achieve the 2px pop technique w/o any images. But it was rounded with CSS. So it was not possible, because the outline would remain as an square. So I thought of others way of making it, the first one was to add an extra wrapper, but I'm not killing my semantics for this, so it was a no. Then, it was the CSS3 borders with images... it'd make the trick, but not in IE (and other browsers) and this same property would make many others things possible, even an alternate CSS3 method of making rounded corners, and many other neat things with a little of imagination. So, I could only make a 1px*1px white image (that would make the line to contrast with the dark border) and set is as background of the element, I set it to repeat-x and be 1px away of the top. And there it was done, but I had to use another image, another HTTP request, slower.
So that lead me to think, when we'll be able to work with CSS3 and unleash our creativity with it. Having faster loads, and cleaner markups and CSS. I wanted to go the CSS3 conference in New York that took place this year
But, there's also some light on the no-so-far-away future, Microsoft recently announced IE9 would have CSS3 support
The bad thing is, when will people upgrade? Probably never, or when their computers completely crashes and they are forced to buy new licenses.
i might try it soon.. thanks combus..