coet html5

Els navegadors web han crescut en els darrers anys. Ara que el manteniment de l'Internet Explorer 6 al web s'ha trencat, els navegadors han estat implementant diverses funcions noves que els llocs web estan aprofitant avui en dia.

Aquest article es centra en les noves tecnologies web que podeu utilitzar en les pàgines web actuals. Segur, alguns de vosaltres no heu sentit dubtes de molts d’aquests, però la majoria de la gent no els ha sentit a parlar.

Arrossegueu i deixeu anar a Carregar

Molts llocs web ara permeten penjar fitxers només arrossegant-los i deixant-los anar a la finestra del navegador, un canvi de benvinguda des d’haver de fer clic en el botó de navegació i utilitzar un selector de fitxers, com ho vam fer fa uns anys. Tant si teniu adjunt un fitxer a un correu electrònic a Gmail com si pengeu una imatge a imgur.com per compartir-lo ràpid, podeu arrossegar i deixar anar el fitxer a la pàgina web.

arrossega i deixa anar a la càrrega

Render els gràfics en 3D al navegador

Els navegadors com Chrome i Firefox són compatibles amb WebGL, que permet que les pàgines web mostrin gràfics en 3D sense cap tipus de complement. WebGL es pot utilitzar per a jocs i altres models 3D, però el lloc web més popular que utilitza WebGL és probablement Google Maps. A Google Maps de Chrome, podeu habilitar "MapsGL". Això farà que Google Maps mostri el mapa amb OpenGL, i es tradueix en animacions més suaus. Quan utilitzeu Street View, veureu una animació a mesura que el mapa obri un zoom. Street View també es mostrarà amb OpenGL, no amb Adobe Flash.

Si Google Maps no era prou impressionant, el motor Quake 3 s'ha adaptat per funcionar en WebGL al navegador. Aquest lloc web també utilitza l'especificació de bloqueig de punter (o de bloqueig del ratolí) per agafar el punter del ratolí i mantenir-lo dins de l'àrea de joc.

terratrèmol-3-en-webgl

Comunicar-se amb WebSockets

L'HTML no va ser mai dissenyat per permetre que les pàgines web es comuniquin enrere i enrere amb servidors web. L'HTML es va crear per a pàgines web estàtiques i, actualment, la majoria de les pàgines web utilitzen mètodes basats en el sondeig de pirates informàtics per comunicar-se amb els servidors. WebSockets permeten a les pàgines web crear un canal de comunicació complet a través d’una connexió TCP, reduint dràsticament la latència i el trànsit de xarxa quan les pàgines web han d’enviar dades endavant i endavant amb servidors.

El joc Web BrowserQuest de Mozilla utilitza els WebSockets, permetent que el joc que s’executa dins del vostre navegador pugui enviar esdeveniments d’anada i tornada al seu servidor. Els WebSockets també s’han utilitzat per crear clients IRC que s’executen al vostre navegador. Potser el més impressionant, WebSockets també s’ha utilitzat per crear un client de torrent JavaScript que s’executa al vostre navegador, donant als usuaris del sistema operatiu Chrome un client de torrent natiu. JSTorrent no sembla completament estable, però és un bon exemple del que és possible amb WebSockets.

browserquest-connectant-al-servidor

Reprodueix vídeos i música sense flaix

El vídeo HTML5 ha cridat molt l'atenció, de manera que molta gent sap que ara és possible reproduir vídeos en formats H.264 (MP4), WebM i Ogg Theora sense necessitat de tenir instal·lada Flash. Molts llocs web de vídeo, inclòs YouTube, ofereixen la reproducció de vídeos basada en HTML5. Malauradament, molts llocs web insisteixen que necessiten DRM, és per això que YouTube encara utilitza Flash per a vídeos amb publicitat i Netflix encara utilitza Silverlight per als seus vídeos. La "etiqueta de vídeo" d'HTML5 pot semblar un reproductor de vídeo basat en Flash, de manera que mai no podreu adonar-vos que un lloc web l'utilitza, tret que la reproducció de vídeo funcioni en dispositius mòbils i funcioni millor.

html5-video-on-vimeo

Executeu aplicacions web fora de línia

Els navegadors ara permeten que les aplicacions web funcionin fora de línia i els ofereixen emmagatzematge de bases de dades locals que poden utilitzar per accedir a les vostres dades. Moltes de les aplicacions web fora de línia de Google (incloses Gmail, Docs i Calendar) només funcionen a Chrome, però el Kindle Cloud Reader d'Amazon també es pot utilitzar fora de línia en altres navegadors com Firefox. Kindle Cloud Reader us permet descarregar llibres electrònics que podreu llegir fora de línia al navegador més tard, fins i tot si no teniu connexió a Internet.

kindle-cloud-reader-offline

Accediu a la vostra càmera web i vídeo

Les pàgines web ja poden accedir a la vostra càmera web, amb el seu permís, per descomptat. Una pàgina web podria utilitzar aquesta funció per treure fotos de la càmera web per a la vostra imatge de perfil o per enregistrar vídeo. Tanmateix, també podria utilitzar la nova API de WebRTC per a la conferència de vídeo entre diferents navegadors sense necessitat de cap complement. En el futur, els Hangouts de Google no requereixen cap complement i Skype també es publicarà al navegador.

Crear finestres emergents de notificació

Els navegadors ara permeten que les pàgines web us mostrin notificacions a l'escriptori. Per exemple, Google Calendar us pot mostrar notificacions emergents quan heu creat recordatoris per a propers esdeveniments. Els llocs web de xat i de correu electrònic podrien mostrar finestres emergents per avisar-vos de nous missatges.

google-calendar-recordator-pop-up

Identifiqueu la vostra ubicació

Les pàgines web ara poden demanar permís per accedir a la vostra ubicació. Si utilitzeu una tauleta o un altre tipus de dispositiu amb un xip GPS dedicat, el navegador utilitzarà el vostre hardware GPS per identificar la vostra ubicació. En dispositius sense xip GPS, es poden utilitzar noms de xarxa sense fils propers o la ubicació del vostre ISP per aproximar-vos a la ubicació actual. La geolocalització pot substituir la necessitat d’escriure la vostra adreça en llocs web que mostren contingut local i us permetrà determinar la vostra ubicació precisa mitjançant un xip GPS en un ordinador portàtil.

google-maps-geolocalització

Feu que les aplicacions web siguin les vostres aplicacions predeterminades

Els navegadors ara permeten que les aplicacions web es converteixin en les vostres aplicacions predeterminades, de manera que podeu utilitzar Gmail al navegador per enviar correus electrònics quan feu clic a un mailto: enllaçar a qualsevol lloc del vostre ordinador, fins i tot fora del navegador.

Chrome-use-gmail-as-default-email-app

Executeu codi natiu al vostre navegador

Una mica controvertit, Chrome inclou el client natiu de Google. Native Client permet a les pàgines web executar codi natiu escrit en idiomes com C o C ++. El codi s'executa en una caixa de sorra per a la seva seguretat i funciona a velocitats gairebé natives.

Native Client permet a les pàgines web executar codi d’alt rendiment per a coses com motors de joc i codificació de vídeo local. Podria ser el camí per obtenir aplicacions més avançades al sistema operatiu Chrome. Chrome Web Store conté una varietat de jocs escrits en Native Client, inclòs un port de l’aclamat Bastion de crítica.

baluard-crom

Els navegadors obtenen noves funcions web a un ritme ràpid. Podem agrair-vos que Internet Explorer 6 ja no sigui l'estàndard de la indústria.

Crèdit d'imatge: Christian Heilmann a Flickr