Quale approccio dell'angolo arrotondato dovrei adottare?

Question

Quindi non mancano le informazioni là fuori sugli angoli arrotondati e ne ho passato gran parte e sto postando per ottenere le opinioni delle comunità su questo punto.

Il mio scenario è che stiamo sviluppando un design dipendente dall'angolo arrotondato, utilizzato principalmente per le interazioni (<button> e <a>). Utilizzeremo il raggio del bordo per i buoni browser sul blocco che funzionano bene con esso e quindi useremo il server per inviare JavaScript ai browser che non lo fanno.

Quello che mi chiedo è cosa usare per ridimensionare i browser che ignorano i bordi del raggio CSS? Ho bisogno di qualcosa che funzioni sul pulsante così come a, div ecc. Ho visto quanto segue e ho scoperto che alcuni non giocano bene con <=>. Inoltre il sito utilizza già jQuery.

http://www.curvycorners.net/ - http://code.google.com/p/jquerycurvycorners/

http://www.html.it/articoli/niftycube/index.html

http://www.malsup.com/jquery/corner/

Modifica: ho anche guardato http://www.dillerdesign.com/experiment/ DD_roundies / e a questo punto mi sembra il candidato più forte.

Answer 1

Usa quello che funziona e completa il progetto in tempo. Inoltre non è probabile che tu ottenga un feedback molto utile su questo dato che tutti succhiano da un punto di vista o dall'altro a seconda di come vedi immagini, javascript, semantica, aggiungendo tag extra a & Quot; fallo funzionare & Quot ; ecc.

Answer 2

Sono tutti uguali. Ho usato l'ultimo ( http://www.malsup.com/jquery/corner/ ) e funziona benissimo. Quasi sicuramente ha più stili d'angolo di quelli che ti interessano, ma a 8KB, non è troppo pesante.

Answer 3

Nel complesso, dovresti semplicemente usare il -webkit-border-radius e il -moz-border-radius per supportare tutti i browser Webkit e Mozilla. Per avere una correzione con IE, c'è una funzione JavaScript per farlo. Spero che ti aiuti!

Answer 4

spiffycorners.com ha un approccio css al 100% che funziona anche in IE6! Questo è quello che uso ...

Answer 5

Ho avuto qualche esperienza con i metodi Javascript sopra descritti e funzionano tutti alla grande. Personalmente sceglierei qualcosa che si integri bene con i framework JavaScript esistenti, come JQuery (che sarebbe la mia scelta personale).

L'applicazione dell'effetto a molti elementi può tuttavia essere molto complessa per il browser in termini di utilizzo della memoria. Ho avuto un sacco di arresti anomali del browser a causa della mia eccessiva generosità nell'applicazione degli effetti d'angolo.

Answer 6

Hai visto il gioco CSS di Stu Nicholis? I suoi Snazzy Borders e Krazy Korners sono una bella soluzione cross-browser.