-
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ó.
