[Darrera actualitzaci\u00f3: 21\/10\/2018]<\/p>\n
Donada la immensa varietat de navegadors que existeixen en el mercat, \u00e9s extremadament complicat que una p\u00e0gina es vegi igual en tots ells. En ocasions, aix\u00f2 \u00e9s desitjable: en general no voldrem que una p\u00e0gina es vegi igual en un navegador ‘d’escriptori’ que en la pantalla d’un m\u00f2bil, per\u00f2 en general voldrem, com a m\u00ednim, que tota la funcionalitat estigui disponible per a tots els navegadors i que es conservi un aspecte tan homogeni com sigui possible independentment del navegador que usem.<\/p>\n
Existeixen diverses filosofies sobre el tema, com la graceful degradation<\/i> (que proposa dissenyar per als navegadors m\u00e9s potents i assegurar que tota la funcionalitat est\u00e0 disponible per a tots els navegadors) o el progressive enhancement<\/i> (dissenyem per als navegadors m\u00e9s b\u00e0sics i afegim despr\u00e9s, en capes, les funcionalitats m\u00e9s sofisticades per als navegadors m\u00e9s potents).<\/p>\n
Podeu llegir, sobre el tema, l’entrada Define Graceful Degradation & Progressive Enhancement<\/a> de Julien Etienne<\/em><\/cite>. I un altre document molt interessant \u00e9s Graded Browser Support<\/a>, proposat inicialment per Yahoo!.<\/p>\n I naturalment, actualment tot es combina amb la necessitat de tenir en compte temes com el responsive design<\/a> i filosofies com el mobile first<\/i>, que proposa que \u00e9s millor comen\u00e7ar pensant en m\u00f2bils i despr\u00e9s ‘cr\u00e9ixer’ a pantalles i dispositius m\u00e9s grans i probablement m\u00e9s potents, tot i que totes les aproximacions al tema presenten dificultats importants.<\/p>\n Un recurs imprescindible en el que es documenta el suport de les diferents versions dels diferents navegadors tradicionals (entenent per tradicionals aquells que corren sobre ordinadors amb sistemes operatius Windows, OS X o Linux) per a les diferents funcionalitats de CSS \u00e9s Can I use<\/a>. Compta amb un equivalent per a navegadors per dispositius: Mobile HTML5<\/a>.<\/p>\n Una eina a tenir molt en compte per a poder oferir caracter\u00edstiques sofisticades i no presents en tots els navegadors s\u00f3n els “polyfills”, biblioteques de JavaScript que podem carregar si el navegador no suporta de manera nativa alguna caracter\u00edstica que ens resulta necess\u00e0ria, i emular-la a trav\u00e9s de la biblioteca, de manera transparent. En qualsevol cas, s’han d’utilitzar amb compte i moderaci\u00f3, perqu\u00e8 comporten efectes secundaris, com un efecte potencialment molt negatiu sobre la velocitat amb qu\u00e8 els navegadors poden mostrar la p\u00e0gina que hem creat.<\/p>\n Biblioteques como html5shiv<\/a> afegeixen suport per als elements d’HTML5 a les versions d’Internet Explorer que no en tenen per defecte (\u00e9s a dir, en general, les versions 6, 7 i 8). Existeixen alternatives m\u00e9s sofisticades, como Modernizr<\/a>, que permeten detectar quin suport per a caracter\u00edstiques d’HTML5 i CSS3 t\u00e9 el navegador en qu\u00e8 s’est\u00e0 visualitzant una p\u00e0gina web.<\/p>\n Alguns ‘polyfills’ a tenir en compte:<\/p>\n Un altre recurs a tenir en compte s\u00f3n els ‘hacks’, trampes que exploten inconsist\u00e8ncies en el maneig de determinades sent\u00e8ncies per part dels navegadors per tal de passar determinats fragments de CSS exclusivament a determinats navegadors. Una bona documentaci\u00f3 sobre el tema es pot consultar a Browserhacks<\/a>.<\/p>\n Dealing with IE <\/a> (Jeremy Keith, 9 de gener, 2013)<\/p>\n Chrome hits 17-month low, Windows 8 still only creeping upward<\/a> (Ars Technica, 2 de mar\u00e7 de 2013. S’ha de tenir en compte, d’una banda, que es tracta d’un estudi de mercat, com sempre en aquests casos i, d’altra, que t\u00e9 en compte tot el planeta.)<\/p>\n Browser Trends October 2014<\/a> (Sitepoint, octubre de 2014)<\/p>\nPolyfills<\/h2>\n
\n
\nQuota de mercat<\/h2>\n