Fronteers 2010

Afgelopen donderdag 7 oktober en vrijdag 8 oktober hebben we een bezoek gebracht aan Fronteers 2010. Fronteers is een vakvereniging voor front-end web ontwikkelaars. Elk jaar organiseert fronteers een conferentie voor front-end web ontwikkelaars. Dit maal in het Tuschinski theater in Amsterdam.

Donderdag

Donderdag morgen zijn Joost en Mike naar Fronteers 2010 vertrokken. Al vroeg zaten we in de trein onderweg naar het Tuschinski theater in Amsterdam. Na een lekkere bak koffie zijn we de zaal ingegaan en hebben we een plekje uitgezocht. Jeremy Keith De dag begon met Jeremy Keith, webdeveloper in Brighton. Zijn presentatie ging over HTML 5. HTML 5 is de toekomst van het internet. Jeremy vertelde over de nieuwe mogelijkheden van HTML 5 en liet coole dingen zien. Veel overbodige attributen gaan verdwijnen. De nieuwe web browsers (Internet Explorer 9, Firefox 4) zullen HTML5 ondersteunen. Het duurt dus nog even voordat we HTML5 pas echt kunnen gebruiken. [vimeo]http://vimeo.com/15755349[/vimeo] Robert Nyman Na een korte pauze was het tijd voor de volgende presentatie. Helemaal uit Zweden was Robert Nyman gekomen. Robert Nyman is een javascript ontwikkelaar. Hij liet een aantal javascript voorbeelden zien. Ook vertelde Robert over JS Lint. JS lint is een tool om de kwaliteit van javascript code te controleren. Als JS lint een probleem vindt, worden de fouten direct beschreven en kun je deze oplossen. Een goede tool om de kwaliteit van javascript te controleren. Brad Neuberg Brad Neuberg was de volgende spreker, hij is ontwikkelaar van SVG. SVG is een standaard voor vector afbeeldingen. Door middel van svg kan er met vector op het web getekend worden. Een vector is een afbeelding die zijn kwaliteit behoudt bij het vergroten. HTML 5 ondersteunt SVG. Brad Neuberg liet hele gave dingen zien met SVG. Hij had er zelf een coole 3d slideshow mee gebouwd. Nadeel is dat webbrowsers SVG nog niet goed ondersteunen. De nieuwere webbrowsers zullen SVG pas goed gaan ondersteunen. Wanneer je nu SVG wilt gaan gebruiken, moet je veel lelijke hacks gebruiken om het ook bijv in Internet Explorer te kunnen laten zien. Het volgende filmpje laat een webpagina zien gebouwd met SVG. [vimeo]http://vimeo.com/15773144[/vimeo] Hakon Wium Lie Na een lunch met lekkere belegde broodjes en een goede kop koffie was het tijd voor de volgende spreker. De volgende spreker was een ontwikkelaar bij Opera. Hakon Wium Lie ging zijn verhaal houden over CSS3. Naast het nieuwe HTML 5 heb je ook CSS3. CSS gebruik je om de webpagina mee op te maken. Hakon vertelde over de nieuwe mogelijkheden van CSS3. Met CSS3 transitions kun je animaties maken. Wat jammer is dat de nieuwe Internet Explorer 9 geen ondersteuning biedt voor CSS3 transitions. Om te testen of je browser CSS3 ondersteund kun je deze website openen http://acid3.acidtests.org/. Ook vertelde Hakon over het gebruik van fonts in CSS3. In CSS3 wordt het mogelijk om andere lettertypes te gebruiken. Nu kan dit al door bijv. Cufon te gebruiken. CSS3 maakt dit nog makkelijker doordat je geen extra code meer nodig hebt. Stoyan Stefanov Na de toffe presentatie over CSS3 was het tijd voor Stoyan Stefanov. Stoyan is een front-end web ontwikkelaar bij Yahoo. Hij is de ontwikkelaar van de tool Smush it. Hij vertelde hoe je een website sneller kan maken. De tool Smush it verkleint de bestandsgrootte van afbeeldingen. Zodat de afbeeldingen sneller geladen worden. Wat ons opviel aan de presentatie van Stoyan  is dat we bij a&m impact al veel gebruik maken van de uitgelegde technieken. CSS Workflow Tijdens de presentatie CSS Workflow werd verteld hoe je een goed html document kan bouwen. Ook werd er uitleg gegeven over Modernizr. Modernizr is een javascript verzameling. Met Modernizr kun je nieuwe technieken zoals HTML 5 en CSS3 al gebruiken. Modernizr zorgt ervoor dat je niet extra javascript code ervoor hoeft te typen. Het was een super leuke dag en veel leuke dingen gezien. Veel geleerd over de nieuwe technieken die ons staan te wachten.

Vrijdag

Vrijdag was de tweede en laatste dag van Fronteers 2010. Denver en Niek mochten hun gezicht deze dag laten zien in het sjieke theater. We hadden een leuk vooruitzicht kijkende naar de sprekers die deze dag hun presentatie zouden geven. Stephen Hay De eerste spreker was Stephen Hay, geboren in California, maar al een tijd in Nederland werkende. Zijn presentatie had de titel: Real-world Responsive Design. Dit houdt in dat je met behulp van media query’s het design laat aanpassen aan de viewport ( een mobiel heeft een veel kleinere viewport dan een pc ). Je design wordt dus flexibel. Belangrijk is dat je uitzoekt welke design vragen moeten worden beantwoord voordat je aan de slag gaat met het design en welke tools je ervoor kan gaan gebruiken. Maak je bijvoorbeeld een site waar bezoekers de actuele treintijden kan vinden, dan moet je design erg aanpassen aan mobiel gebruik. Paul Irish Paul Irish was de volgende spreker. Paul is een frontend developer, momenteel werkzaam in het Google Chrome team. Ook is hij lid van het jQuery-team (jQuery is een Javascript-bibliotheek) en ontwikkelt hij handige tools die je helpen bij nieuwe technieken als CSS3 en HTML5. Hij hield zijn spreekbeurt over HTML5 en liet erg gave nieuwe dingen zien wat je ermee kan doen. Door deze presentatie gezien te hebben kun je niet wachten om er zelf mee aan de slag te gaan, helaas kunnen veel onderdelen van deze techniek nog niet gebruikt worden, omdat ze nog niet voldoende ondersteund worden door enkele browsers, maar met de komst van Internet Explorer 9 komt het wel steeds dichterbij. Meagan Fisher De eerste (en enige) vrouwelijke spreker van deze dag was de 23-jarige Meagan Fisher. Zij is gepassioneerd door design, CSS en uilen (haar nickname is owltastic). Ze gaf een leuke presentatie over CSS3, ze maakte van een normaal design een aansprekend design door middel van deze nieuwe opmaaktechniek. Nicholas C. Zakas Nicholas C. Zakas kwam hierna het podium op. Hij hield voor het eerst een presentatie bij de VS en had zijn moeder maar meegenomen, wat af en toe in de presentatie terug kwam om de presentatie wat humoristischer te maken. Maar zonder dit was het al erg boeiend: Nicholas is frontend engineer van de Yahoo! homepage en werkt mee aan de YUI library (Javascript en CSS bibliotheek). Hij gaf uitleg over de prestatie van javascript en hoe je er voor kan zorgen dat het laden van de pagina zo min mogelijk wordt beïnvloed door de aanwezigheid van javascript. Deze presentatie gaf een erg verhelderend beeld over de mogelijkheden hierin. Cameron Adams Ook de presentatie van Cameron Adams (themaninblue) ging over de nieuwe technieken van HTML5, maar specialiseerde zich specifiek op de animatie. Hij liet de mogelijkheden en verschillen zien van de verscheidene manieren om animatie op je scherm te krijgen. Chris Heilmann De dag werd afgesloten door Chris Heilmann. Een perfecte afsluiter aangezien hij niet ging praten over technieken van nu, maar over hoe ‘awesome’ het nu toch is om een webdeveloper te zijn. Het was een inspirerende, maar vooral komische presentatie om ons toch vooral te motiveren om door te gaan en coole dingen te maken. Onze verwachting vooraf is dus helemaal uit gekomen. Erg leuke en leerzame dag. Het web staat een mooie toekomst te wachten met de ontwikkelingen die gaande zijn!