Hola! Em dic Lloyd Hilaiel i estic treballant amb Marcio Galli a Mozilla Labs.
En aquest curt vídeo que hem compilat farem una ullada al projecte Chromeless.
Chromeless és un experiment que apunta a facilitar el jugar
amb noves idees al voltant de la interfície d'usuari en la web.
intenta incluir a més gent en la conversa
sobre com hauria de ser un programa de navegació web.
I de com hauria de funcionar
Tècnicament, Chromeless no és realment res de nou.
El que hem fet és agafar XULrunner, el temps d'ejecució de aplicació sobre
els quals Firefox i Thunderbird estàn construïts
i posar una prima capa d'abstracció per sobre.
La capa fa possible construir ràpidament un explorador web
fent servir tecnologies web com html, javascript i css.
Ara en Chromeless un senzill document html
defineix la interfície d'usuari de l'explorador mateix.
Per fer més fàcil la comunicació hem estat anomenant
el document html inicial "codi d'explorador".
Ara tal com altre contingut web normal pot integrar llocs i quadres flotants,
Aquest explorador també ho pot integrar
però té majors privilegis per a afectar i monitorejar
contingut dins aquest marc.
Aquest tema d'agafar conceptos web ja existents
i augmentar-los una mica
és la idea bàsica de Chromeless.
Ara, fem un recorregut per algunes de las cosas que pot fer.
El que estàs mirant ara és un explorador web molt simple,
però funcional
Aquí pots veure html bàsic que genera un quadre
de text on pots introduir una url i un marc
on anar al contingut web.
Amb Chromeless és en realitat tot el codi que necessites
per construir un explorador.
Portem-lo una mica mes lluny.
I si volem deixar a l'usuari activar el mode a pantalla completa?
Expandir-se a pantalla completa és, òbviament, quelcom
que una pàgina web normal no pot fer.
Així que hem de obrir una nova API.
Dintre de Chromeless, el mode d'accedir a noves API's,
es fa mitjançant la funció "global require".
En aquest cas farem servir la "biblioteca misc".
El nom "misc" és només un contenidor
però exposa una funció de pantalla completa que podem usar
per canviar el mode de l'explorador.
Invocarà la funció dintre d'un manejador
de click de botó.
Amb 4 línies més de codi el nostre explorador ara te
un mode de pantalla completa funcional.
Així que a continuació intentarem alguna cosa una mica més lúdica
combinant un parell de noves ideas.
Primer, com mencionarem abans, el codi
té majors privilegis per a monitorejar el contingut web ejecutant-se en marcs.
Un exemple és el esdeveniment experimental "dom load"
que s'activa quan es carrega nou contingut en un marc.
L'altra ferramenta que usarem serà la biblioteca "dom shot"
la qual pot obtenir instantànies gràfiques d'un node "dom" específic.
El valor afegit per la funció és una url que
contenint dades d'imatge png integrades.
Ara Marcio combina les dues característiques i una mica de
jquery per construir aquest explorador de demostració.
Et deixa veure miniatures de pestanyes obertes,
amb un efecte d'ull de peix.
Esperem que això et permetrà comprendre molt bé
en què consisteix Chromeless.
Per saber més et recomanem
obtenir el codi des de github i començar amb el tutorial inclòs.
Mentre que algunes de les API's que hem mostrat aquí podrien haver canviat,
les idees bàsiques darrere Chromeless segur que no ho han fet.
Si tens idees sobre Chromeless, o t'agradaria
contribuir, pots unir-te a la batalla en els llocs usuals,
via IRC i a la nostra llista de distribució.
Gràcies per l'atenció.