Tutti gli angoli arrotondati del mondo (o quasi)
Giovedì 9 Novembre 2006 - 11:00
di Alessandro Fulciniti
Credo sia in realtà una segnalazione già passata qui sul blog tempo fa, ma si tratta di una risorsa in continuo aggiornamento il CSS rounded corners roundup. Presenta moltissime tecniche CSS e/o Javascript
per ottenere i tanto cari angoli arrotondati. Sono categorizzate in base criteri come il numero di immagini, la necessità o meno di usare Javascript e la possibilità di usare la tecnica anche su elementi a larghezza variabile.
Già che ci sono mi aggancio all’argomento con una segnalazione di casa: la scorsa settimana è stato pubblicato su HTML.it il mini-tutorial sugli
angoli arrotondati modulari:
una soluzione semplice e piuttosto leggera sia per l’HTML sia per il CSS e che richiede di fatto un’unica immagine. Se c’è la necessità di avere elementi a larghezza fissa con angoli arrotondati, magari affiancati e della stessa altezza,
può valere la pena darci una lettura.
Commenti
1
La discussione su come fare angoli arrotondati può sembrare superflua, ma usare un buon metodo significa risparmio di tempo, velocità e leggerezza di pagina. Con il Web 2.0 direi che abbiamo arrotondato di più.
Le tecniche elencate in SmileyCat sono tante e in quella tabella manca una cosa fondamentale, vantaggi e svantaggi di ognuna. Probabilmente non hanno avuto il tempo di provarle tutte.
Il programmatore deve scegliere, e quindi imparare e forse sviluppare quella tecnica ma una non basta secondo me. Ho usato i nifty corners (versione precedente) e mi son trovato bene anche se mi aggingo a provare la nuova per i motivi che spiega Fulciniti. Quello che voglio dire é che preferisco affidarmi a queste strade per tante occasioni.
Ma é bene trovare una alternativa per angoli particolari, con sfumature etc..
L’obiezione può essere: usare una tecnica JavaScript é comoda, ma per chi non ha installato il plugin? Ci si può sempre accontentare di un bel quandrato :-)
# - postato da Andrea Firetto - 09 Novembre 2006 - 15:11
2
preferisco usare CSS… in layout complessi js diventa troppo complesso
# - postato da Andrea Paiola - 09 Novembre 2006 - 15:17
3
sono d’accordo.
javascript preferisco usarlo meno possibile per gli “accrocchi grafici statici”.. se c’è dinamicità è un altro discorso ma finché parliamo di angoli statici..# - postato da lloyd27 - 09 Novembre 2006 - 18:41
4
Tanti sono i metodi e le alternative per creare gli angoli arrotondati e ognuno ha vantaggi e svantaggi. Io personalmente preferisco affidarmi ai CSS, anche se ho provato a usare i nifty corners. Con javascript, infatti, può capitare, specie se nella pagina sono già presenti altri script più o meno pesanti, di ottenere un poco accattivante effetto di sfarfallio al caricamento.
5
Tanti sono i metodi e le alternative per creare gli angoli arrotondati e ognuno ha vantaggi e svantaggi. Io personalmente preferisco affidarmi ai CSS, anche se ho provato a usare i nifty corners. Con javascript, infatti, può capitare, specie se nella pagina sono già presenti altri script più o meno pesanti, di ottenere un poco accattivante effetto di sfarfallio al caricamento.
6
wertyuio cosa
# - postato da Vigilenapoletano - 16 Novembre 2006 - 08:08
7
Ho utilizzato i nifty corners senza l’utilizzo di javascript, ma il problema è che hanno difetti nel caso di ridimensionamento di carattere e scelta dell’ampiezza dell’angolo, sicuramente cose di impossibile trascurabilità vista, soprattutto per le pubbliche amministrazioni, la necessità di creare siti web accessibili e usabili. Sapete se l’evoluzione permette un buon utilizzo dal punto di vista dei layout liquidi?
# - postato da Angel_Dust - 16 Novembre 2006 - 10:11
8
Vi segnalo un sistema per arrotondare gli angoli tramite php con uno script molto leggero e semplice da usare:
lo trovate su questo sito, nella sezione HTML: