Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Nifty Corners e derivati

I nifty corners e le soluzioni derivate.
I nifty corners e le soluzioni derivate.
Link copiato negli appunti

àˆ passato più di un anno dalla prima versione dei Nifty Corners e oltre ai tre articoli in italiano (primo - parte prima e seconda
- secondo e terzo) sono state pubblicate le versioni in inglese per l'audience internazionale (primo,
secondo e terzo) che sono state spunto per diverse soluzioni derivate e varianti.

Cominciamo con le versioni solo HTML e CSS. Stu Nicholls dopo la pubblicazione del
primo articolo ha presentato gli Snazzy Borders e i Krazy Korners; mentre recentemente sono stati pubblicati gli Spiffy Corners, che includono un generatore dell'HTML e CSS necessario per avere angoli arrotondati con antialias. Quest'ultima soluzione è stata duramente criticata su Sitepoint per il fatto che si basa su HTML presentazionale e vincolato al contenuto, critica che condivido.

Ora le soluzioni con Javascript. In ordine di tempo dopo il primo articolo sono comparsi diverse varianti e soluzioni derivate. Gli Anti-alias Nifty Corners e i Rounded corners without images, le prime due soluzioni per avere angoli arrotondati con antialias. Dopo il secondo i rounded corners di Rico,
parte di un framework Javascript che include ajax e effetti dinamici, con detection automatica dei colori e bordi. Successivamente sono stati pubblicati i rounded corners di EditSite, che combinano alcune delle soluzioni precedenti con la possibilità  di scegliere la dimensione degli angoli arrotondati con antialias, solo sui div.

Le più recenti soluzioni sono i Curvy Corners, che offrono la possibilità  di bordi con antialias e spessore a piacere, e i recentissimi
RuzeeBorders, che consentono di ottenere angoli arrotondati con antialias ed effetti drop shadow e glow con una precisione quasi pari a Photoshop: davvero notevole.

In molti casi purtroppo la compatibilità  cross-browser non è dichiarata (da verificare soprattutto su IE5.x e Safari), e c'è solo un esempio ad accompagnare lo script
o l'articolo. Soprattutto per le ultime due librerie citate, in alcuni casi lo script si presenta lento e ho il sospetto che appesantisca veramente troppo l'albero DOM della pagina. Una buona fase di test è quindi necessaria se avete intenzione di adottarle, ma ho ritenuto fosse opportuno presentare le soluzioni derivate e/o alternative.

Ti consigliamo anche