[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.67,0:00:04.90,Default,,0000,0000,0000,,Hallo, ik ben Lloyd Hilaiel met Marcio Galli in Mozilla Labs.
Dialogue: 0,0:00:04.90,0:00:09.71,Default,,0000,0000,0000,,In deze korte video die we hebben gemaakt geven we je een overzicht van het Chromeless project.
Dialogue: 0,0:00:09.71,0:00:13.55,Default,,0000,0000,0000,,Chromeless is een experiment dat zich er op richt het makkelijker te maken om te sleutelen
Dialogue: 0,0:00:13.55,0:00:16.92,Default,,0000,0000,0000,,met nieuwe ideeën met betrekking tot het uiterlijk van de webbrowser.
Dialogue: 0,0:00:16.92,0:00:19.12,Default,,0000,0000,0000,,Het probeert meer mensen te betrekken bij de discussie
Dialogue: 0,0:00:19.12,0:00:21.62,Default,,0000,0000,0000,,over hoe web browsers eruit zouden moeten zien.
Dialogue: 0,0:00:21.62,0:00:23.95,Default,,0000,0000,0000,,En hoe het zou moeten werken.
Dialogue: 0,0:00:23.95,0:00:26.83,Default,,0000,0000,0000,,Technisch gezien is Chromeless niet echt nieuw.
Dialogue: 0,0:00:26.83,0:00:30.13,Default,,0000,0000,0000,,We hebben XULrunner, de applicatie-runtime waar
Dialogue: 0,0:00:30.13,0:00:31.93,Default,,0000,0000,0000,,Firefox en Thunderbird op gebouwd zijn, gepakt
Dialogue: 0,0:00:31.93,0:00:34.74,Default,,0000,0000,0000,,en er een kleine laag software bovenop gedaan.
Dialogue: 0,0:00:34.74,0:00:37.80,Default,,0000,0000,0000,,Deze laag maakt het mogelijk om snel een webbrowser te maken
Dialogue: 0,0:00:37.80,0:00:42.51,Default,,0000,0000,0000,,met technologieën als HTML, javascript en CSS.
Dialogue: 0,0:00:42.51,0:00:45.41,Default,,0000,0000,0000,,In Chromeless bepaalt een enkel HTML document
Dialogue: 0,0:00:45.41,0:00:48.59,Default,,0000,0000,0000,,hoe het uiterlijk van de browser eruit ziet.
Dialogue: 0,0:00:48.59,0:00:50.52,Default,,0000,0000,0000,,Om het wat makkelijker te maken noemen we
Dialogue: 0,0:00:50.52,0:00:54.15,Default,,0000,0000,0000,,dit HTML document de 'browser code'.
Dialogue: 0,0:00:54.15,0:00:57.46,Default,,0000,0000,0000,,Net zoals normale web-content andere sites en iframes kan insluiten
Dialogue: 0,0:00:57.46,0:00:59.96,Default,,0000,0000,0000,,kan deze 'browser code' dat ook
Dialogue: 0,0:00:59.96,0:01:02.70,Default,,0000,0000,0000,,maar het heeft meer rechten om de content
Dialogue: 0,0:01:02.70,0:01:05.15,Default,,0000,0000,0000,,in dat iframe te bewerken en beheren.
Dialogue: 0,0:01:05.15,0:01:08.04,Default,,0000,0000,0000,,Dit principe, het pakken van bestaande web-concepten
Dialogue: 0,0:01:08.04,0:01:10.24,Default,,0000,0000,0000,,en ze een klein beetje aan te passen,
Dialogue: 0,0:01:10.24,0:01:13.11,Default,,0000,0000,0000,,is het idee achter Chromeless.
Dialogue: 0,0:01:13.11,0:01:17.61,Default,,0000,0000,0000,,Laten we eens kijken naar wat je kunt doen.
Dialogue: 0,0:01:17.61,0:01:20.08,Default,,0000,0000,0000,,Waar je nu naar kijkt is een hele simpele,
Dialogue: 0,0:01:20.08,0:01:21.82,Default,,0000,0000,0000,,maar werkende webbrowser.
Dialogue: 0,0:01:21.82,0:01:24.58,Default,,0000,0000,0000,,Hier zie je eenvoudige HTML wat een invoerveld
Dialogue: 0,0:01:24.58,0:01:27.79,Default,,0000,0000,0000,,maakt waar je een URL kan intypen en een iframe
Dialogue: 0,0:01:27.79,0:01:30.16,Default,,0000,0000,0000,,waar deze web-content komt te staan.
Dialogue: 0,0:01:30.16,0:01:32.40,Default,,0000,0000,0000,,Met Chromeless is dit echt alle code die je moet schrijven om
Dialogue: 0,0:01:32.40,0:01:34.33,Default,,0000,0000,0000,,een browser te maken.
Dialogue: 0,0:01:34.33,0:01:35.60,Default,,0000,0000,0000,,Laten we een stapje verder gaan.
Dialogue: 0,0:01:35.60,0:01:38.40,Default,,0000,0000,0000,,Wat als we de gebruiker volledig-scherm modus willen laten gebruiken.
Dialogue: 0,0:01:38.40,0:01:40.63,Default,,0000,0000,0000,,Uitbreiden naar volledig scherm is natuurlijk
Dialogue: 0,0:01:40.63,0:01:42.90,Default,,0000,0000,0000,,iets wat een gemiddelde pagina niet kan doen.
Dialogue: 0,0:01:42.90,0:01:45.25,Default,,0000,0000,0000,,Dus moeten we er een nieuwe API bij halen.
Dialogue: 0,0:01:45.25,0:01:47.73,Default,,0000,0000,0000,,Binnen Chromeless is de algemene 'Require' functie
Dialogue: 0,0:01:47.73,0:01:50.63,Default,,0000,0000,0000,,de manier om nieuwe API's te bereiken.
Dialogue: 0,0:01:50.63,0:01:54.01,Default,,0000,0000,0000,,In dit geval hebben we de 'misc' library nodig.
Dialogue: 0,0:01:54.01,0:01:55.93,Default,,0000,0000,0000,,De naam 'misc' is gewoon een tijdelijke aanduiding
Dialogue: 0,0:01:55.93,0:01:58.58,Default,,0000,0000,0000,,maar het stelt een volledig - scherm functie bloot die we kunnen gebruiken
Dialogue: 0,0:01:58.58,0:02:01.22,Default,,0000,0000,0000,,om de mode van de browser te activeren.
Dialogue: 0,0:02:01.22,0:02:03.64,Default,,0000,0000,0000,,Het zal deze functie aanroepen in een knop,
Dialogue: 0,0:02:03.64,0:02:05.34,Default,,0000,0000,0000,,klik-handler.
Dialogue: 0,0:02:05.34,0:02:07.90,Default,,0000,0000,0000,,Met 4 extra regels code heeft onze browser nu
Dialogue: 0,0:02:07.90,0:02:10.93,Default,,0000,0000,0000,,een functionele volledig-scherm mode.
Dialogue: 0,0:02:10.93,0:02:12.97,Default,,0000,0000,0000,,Laten we nu iets meer speels proberen
Dialogue: 0,0:02:12.97,0:02:14.60,Default,,0000,0000,0000,,waarbij we een paar nieuwe ideeën combineren.
Dialogue: 0,0:02:14.60,0:02:16.96,Default,,0000,0000,0000,,Zoals we al eerder gezegd hebben, heeft de 'browser code'
Dialogue: 0,0:02:16.96,0:02:21.24,Default,,0000,0000,0000,,meer voorrechten om de content in iframes te beheren.
Dialogue: 0,0:02:21.24,0:02:24.88,Default,,0000,0000,0000,,Een voorbeeld hiervan is de experimentele 'dom load',
Dialogue: 0,0:02:24.88,0:02:28.68,Default,,0000,0000,0000,,die wordt gebruikt als er nieuw content in een iframe wordt geladen.
Dialogue: 0,0:02:28.68,0:02:31.42,Default,,0000,0000,0000,,De andere tool die we gaan gebruiken is de 'dom shot' library,
Dialogue: 0,0:02:31.42,0:02:34.79,Default,,0000,0000,0000,,wat een grafische momentopname van een 'dom node' kan maken.
Dialogue: 0,0:02:34.79,0:02:37.39,Default,,0000,0000,0000,,De teruggekeerde waarde van de functie is een data-URL die
Dialogue: 0,0:02:37.39,0:02:40.23,Default,,0000,0000,0000,,ingesloten PNG afbeelding-data bevat.
Dialogue: 0,0:02:40.23,0:02:42.63,Default,,0000,0000,0000,,Marcio heeft deze en een beetje
Dialogue: 0,0:02:42.63,0:02:44.62,Default,,0000,0000,0000,,jquery gecombineerd om deze demonstratie browser te maken.
Dialogue: 0,0:02:44.62,0:02:48.07,Default,,0000,0000,0000,,Het laat je thumbnails van geopende tabbladen zien,
Dialogue: 0,0:02:48.07,0:02:50.94,Default,,0000,0000,0000,,met een fisheye effect.
Dialogue: 0,0:02:50.94,0:02:53.71,Default,,0000,0000,0000,,Hopelijk geeft dit je een goed idee over
Dialogue: 0,0:02:53.71,0:02:55.31,Default,,0000,0000,0000,,wat Chromeless nou eigenlijk is.
Dialogue: 0,0:02:55.31,0:02:56.84,Default,,0000,0000,0000,,Om meer te leren raden we je aan
Dialogue: 0,0:02:56.84,0:03:00.08,Default,,0000,0000,0000,,de code van github te halen en te beginnen met de bijgesloten handleiding.
Dialogue: 0,0:03:00.08,0:03:03.15,Default,,0000,0000,0000,,Hoewel sommige API's die ik je heb laten zien misschien veranderd zijn,
Dialogue: 0,0:03:03.15,0:03:06.95,Default,,0000,0000,0000,,zijn de basis ideeën achter Chromeless dat zeker niet.
Dialogue: 0,0:03:06.95,0:03:08.99,Default,,0000,0000,0000,,Als je ideeën hebt over Chromeless, of zou willen
Dialogue: 0,0:03:08.99,0:03:11.79,Default,,0000,0000,0000,,bijdragen, kan je je bij de groep aansluiten op de gebruikelijke plaatsen,
Dialogue: 0,0:03:11.79,0:03:13.93,Default,,0000,0000,0000,,op IRC en onze mailing list.
Dialogue: 0,0:03:13.93,9:59:59.99,Default,,0000,0000,0000,,Bedankt voor het kijken.