HTML5 e CSS3 su vecchi browser

[lucavalentino]

Ad oggi aprile 2012, qual'è il migliore script o patch o altro per utilizzare HTML5 e CSS3 su broswer vehecchi come ie8 e inferiori.
Grazie.

[fcaldera]

http://modernizr.com/

[lucavalentino]

Che ne pensate di:

• http://css3pie.com/
  html5shiv

[Angelo82]

Scusate se mi infilo nella discussione (giusto per non aprire un altro post)

Ma queste patch come funzionano? E soprattutto funzionano?

Quello che ho potuto constatare in html 5 è per esempio la non compatibilità del tag header (e credo anche degli altri come nav footer ecc...) in ie 8 ed inferiore

quindi grande problema...e con queste patch si risolverebbe?

un altra soluzione potrebbe essere:
<style>
header, div#header{stili....}
</style>

<header>
<div id="header">
</div>
</header>

Altrimenti si potrebbe semplicemente sopprime IE

[IkkiPhoenix]

Scusate se riporto di nuovo alla luce questo post, ma ho esattamente lo stesso problema di cui si parlava.

La soluzione proposta da Angelo82 è la migliore per avvicinarsi all'html5 e continuare a creare codice con i div classici #header #footer eccetera per non avere problemi con i browser più vecchi?

[fcaldera]

i nuovi tag html5 si possono usare anche su IE6 se si utilizza uno script come spiegato su http://code.google.com/p/html5shiv/

Il sistema funziona per elementi che si trovano in pagina ma non per quelli inseriti dinamicamente nel dom tramite metodi nativi (per cui serve un altro script chiamato "innerShiv" oppure jQuery che ne gestisce l'inserimento senza problemi)

per quanto mi riguarda abbiamo abbandonato solo da poco IE6 e IE7 ma stiamo usando i nuovi tag da più di un anno e mezzo senza particolari problemi

[Marcolino's]

Il problema è che chi usa IE6/7 ha un pc vecchio e lento, troppo javascript nuoce gravemente alle coronarie di una macchina già di per se lenta, lasciamo perdere IE6 ma IE7 lo si trova ancora in giro (purtroppo) poi la visibilità dipende anche dal sistema operativo, ho notato che un sito visto con XP ha una resa diversa da uno visto con Vista/Win7 dato che il motore di rendering è diverso.
Insomma un casino cercare di servire a tutti la stessa pietanza

[fcaldera]

Originariamente inviato da Marcolino's
1) Il problema è che chi usa IE6/7 ha un pc vecchio e lento, troppo javascript nuoce gravemente alle coronarie di una macchina già di per se lenta,
lasciamo perdere IE6 ma

2) IE7 lo si trova ancora in giro (purtroppo)

3) poi la visibilità dipende anche dal sistema operativo, ho notato che un sito visto con XP ha una resa diversa da uno visto con Vista/Win7 dato che il motore di rendering è diverso.
Insomma un casino cercare di servire a tutti la stessa pietanza

1) nel caso specifico parliamo di uno script che non pesa più di mezzo kb. Se è un incremento di peso non accettabile si possono recuperare con il beneficio diretto che si otterrebbe usando un markup più vario (es. regole css meno lunghe, meno attributi) e semanticamente valido.

2) A livello italiano/europeo IE7 ha un market share del 1.1% (irrilevante)

3) ma il markup in sè da solo non determina visualizzazioni differenti tra OS/browser... quello dipende dal motore di rendering che sta dietro

[Marcolino's]

Non è importante quanto pesa ma quanto fa lavorare la macchina, in un chilobyte più o meno ti posso impallare la macchina, mi basta mandare un ciclo infinito e ciao.
Ovvio che non manderà in loop il programma, ma se mi è capitato più volte sulla mia macchina ben più potente di un vecchio pc di dieci anni fa di dover fermare lo script per andare avanti... che te lo dico a fa, vista la mania di usare jquery (è solo un esempio ma calzante) anche per aprire o chiudere un div nascosto.
Quei programmi che citi non sono affatto leggeri, devono interagire col dom per simulare tag che ai tempi di ie6 nemmeno esistevano e che spesso hanno difficoltà ad essere visti persino su IE8.
IE7 sarà anche all'uno percento e girava su XP e persino su Vista ma perché rischiare?
E sì che lo determina se lo stesso sito con IE8 su WinXP si vede in un modo e lo stesso sito con IE8 su Win7 sballa del tutto.
In particolare poi bisogna stare attenti all'annidamento dei float; il float drop bug persiste ancora ma persiste di più su Win7 che su XP. Che ci posso fare io?
In un sito recentemente ho dovuto risistemarlo dando width:100% al menù se no non mi si visualizzava proprio nel caso IE8/Win7 mentre era perfetto su IE8/XP ma dovendolo far stare tutto a destra è stato un problema eliminare il float.

[lucavalentino]

La mia idea è sempre obbligare ad avere l'ultima veresione del browser in base al S.O.
Esempio Windows XP supporta fino a IE8. Quindi IE dalla 8+
Quindi ad oggi novembre 2012 quali browser bisogna tenere in considerazione in base al S.O.?
Safari, Firefox, Opera, Chrome ecc?