Sat, 26/01/2008 - 00:28 — peterv

Update: de site van Saar (met Nifty Corners; alleen getest in Firefox, want geen enkele van haar vrienden, studenten burg. ir. in Leuven, gebruikt iets anders dan Firefox of Safari, dus niet nodig om te testen voor IE; /me tevreden om te horen dat het niet alleen bij ons is dat er geen IE in huis is ... dank u Tom om te wijzen op http://browsershots.org/ , dan kunnen we toch nog zien hoe het er voor gebruikers van IE uitziet).

Mijn dochter vroeg daarnet hoe ze nu makkelijk ronde hoekjes kon maken voor haar CSS. Wel, het meest simpele antwoord (als je Javascript wil gebruiken) is Nifty Corners.

De code is zo simpel als:

    <script type="text/javascript" src="niftycube.js"></script>
    <script type="text/javascript">
    window.onload=function(){
    Nifty("div#box","big");
    }
    </script>

en dit plaats ronde hoekjes aan iedere div met id="box". Nog veel meer mogelijkheden zijn te zien op de site van Nifty Corners Cube(TM). Het grappige is dat het eigenlijk helemaal geen cirkels gebruikt (en al zeker geen images), maar wel een zestal lijnstukjes die met afnemende margin als de bovenste zes lijnen van de figuur getekend worden.