Vandaag en gisteren werd voor de derde keer de Fronteers Conference gehouden op een fantastische locatie: het Tuschinksi theater in Amsterdam. Fronteers is de vakvereniging voor front-end developers in Nederland. Samen met Jermaine bezocht ik de eerste dag van de conferentie, terwijl collega Pieter woensdag al naar de uitstekende workshop van Andy Clarke was geweest.
Na het ophalen van de toegangsbadges om 8.15 (vroeg) werden we welkom geheten door gastheer Justin Halsall met een front-end versie van de Hollandse klassieker hoofd, schouders, knie en teen: <head>, <body>, <section>, <footer>. Daarmee kreeg hij de zaal van zo’n 400 man wel wakker!
Jeremy Keith: Design Principles in HTML5
Eerste spreker was Jeremy Keith die sprak over Design Principles bij de ontwikkeling van HTML5. Zeer interessant verhaal dat niet ging over welke technieken er in HTML5 vernieuwend zijn, maar juist hoe je goede regels kunt maken om te ontwikkelen / een nieuwe specificatie op te stellen.
De belangrijkste die Jeremy noemde was het Robustness principle van Jon Postel, “Be conservative in what you send; be liberal in what you accept.“ Oftewel: geef input aan andere applicaties altijd volgens de specificaties, maar verwacht als input voor je eigen applicatie het onverwachte. Dit gaat bijvoorbeeld op voor webbrowsers: zij accepteren vrijwel alle HTML, hoe slecht deze ook aan de specificaties voldoet.
Ook gaf hij aan hoe je in HTML5 video’s in verschillende levels kunt aanbieden, een soort Inception:
<video src="movie_trailer.mp4"> //h.264 video (level 1)
<video src="movie_trailer.ogv"> // ogg video (level 2)
<object src="movie_trailer./swf"> // flash video (level 3)
<a href="movie_trailer.mp4">Download trailer</a> // download link (level 4)
</object>
</video>
</video>
Als uitsmijter deelde hij zijn favoriete HTML Design Principle: de priority of constituencies: “In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.” Dat maakt ons als authors van HTML best belangrijk!
Håkon Wium Lie – CSS3
Håkon is één van de oprichters van wat wij vandaag als CSS kennen en gaf ons een interessante blik op de ontstaansgeschiedenis. Zo stond de eerste publieke internetterminal bij hem in het CERN met het bijschrift: “World Wide Web: You click, we do the rest!”. Duidelijk is dat het niet de marketing is geweest die het WWW groot heeft gemaakt!
Verder liet hij zien welke nieuwe style properties in CSS3 ervoor gaan zorgen dat we steeds minder afbeeldingen nodig hebben om ontwerpen te implementeren. Zo kan het hele navigatiemenu van Apple.com worden nagebouwd met CSS3. Met uitzondering van het logo dan…
Stoyan Stefanov – Progressive downloads and rendering
Deze medewerker van Yahoo! Search gaf een indrukwekkend overzicht van de veelheid aan factoren waar je rekening mee kunt houden bij de weergave van je website. Zo zullen bepaalde CSS of JS bestanden het binnenhalen van afbeeldingen blokkeren.
Hij droeg hier verschillende oplossingen voor aan zoals het gebruik van chunks (flush() in PHP), JS asynchronous loading, omzetten van afbeeldingen in base64 data en inline CSS style. Zijn presentatie kun je op Slideshare vinden.
Jake Archibald – Reusable code, for good or for awesome!
Als de spreekwoordelijke klap op de vuurpijl sloot Jake Archibald de eerste dag van Fronteers af. Deze prettig gestoorde Brit wist met goede voorbeelden, treffende vergelijkingen en een fantastische stage-presence iedereen te boeien met zijn verhaal over het bouwen van een Javascript API.
Zijn presentatie komt binnenkort als video beschikbaar, dit is meer dan de moeite waard!
Naar huis
Na een lange, maar zeer interessante dag togen Jermaine en ik met de Fyra terug naar Rotterdam, om onder het genot van een spelletje Flight Control op de iPad de zojuist gehoorde zaken nog eens te bespreken. Complimenten aan de organisatie, wij zijn er volgend jaar zeker weer bij!
Handige resources
- JSLint en HTML::Lint, voor het controleren van je code op juiste stijl (bv. ‘;’ vergeten enz.)
- Webpagetest, om inzicht te krijgen in de laadsnelheid en -volgorde van je website.
- PerfPlanet, blog van Stoyan Stefanov met veel tips over snelheidsoptimalisatie
Slechte CSS grappen
Een running gag tijdens de dag werden de “Bad CSS jokes”. Op het podim kon Justin er geen verzinnen, via de Twitter feed #fronteers10 kwamen toch wel paar goede binnen:
