Adding A Little CSS3 To CodeStore
Finally got round to making a few CSS tweaks to this site. For years now the blue header bar has had rounder corners at the top. This was achieved with background images via CSS.
Now that CSS3 gives us the ability to round corners off I've switched to using CSS and the site is now one image lighter.
If you use a modern browser - Chrome of FF3 you shouldn't notice much difference. Apart from the grey menu bar looking a little snazzier.
Although, if you use IE then things might look a little blocky. Sorry, but I've got to move with the times. Maybe you ought to too?
More tweaks to come...
Hi Jake,
consider using the jQuery Corner plugin (http://jquery.malsup.com/corner/) is very easy to use and it uses native css3 in those browsers that support it (Opera 10.5+, Firefox, Safari, and Chrome), and do some magic for older browsers (IE<9).
I've been using it for a while and it works quietly.
.::AleX::.
Reply
Nah. I'm too much of a purist to add code just to make things work in out-dated browser. It degrades well enough that I'm happy just to push the barrier a little on this one.
Reply
Show the rest of this thread
And of course, when HTML5 becomes a little more commonplace, you'll be re-vamping yet again. Projects are never finished...
Reply
Hate to be so anal about this but couldn't resist:
- HTML5 is not about styling. Most likely you mean CSS3, which actually has nothing to do with HTML or HTML5. The only reason I am so precise about this is the current marketing approach of HTML5, which is already setting wrong expectations.
- As for CSS3, if Jake is now using both the native and browser extension declarations, then all of this will continue to work in newer browsers. It is future proof code if you do it that way.
Reply
If your site is like mine, most traffic comes in of safari, chrome or ff3. i think the new stats for the whole internet is 50% for ie, so you at least get half.
I am really glad the engine in 8.5.2 uses the equivalent of ff3.5 so you can use ccs3 in your xpages apps for the client, makes things much easier.
Reply
"...and browser extension declarations, then all ..."
can anyone explain the browser extensions to me? I remember that microsoft were harangued for daring to put in specific extensions for IE that allowed it to do things that other browsers couldn't (graduated fills, filters etc). But now, I see that there are specific extensions in mozilla and chrome that also add features (so -moz- etc...) and the web community is falling over themselves with the wow-factor they give ?
doesn't make sense, or is it just me?
Reply
Not just you. Stinks of hypocrisy to me too.
Reply