Blog - Fronteers

Clients from heaven
Deze adventskalender is eigenlijk één grote aanloop naar goede voornemens voor het nieuwe jaar. Want naast meer sporten en minder drinken beloven we onszelf ook dat we eindelijk eens een goede responsive site gaan bouwen, Javascript pro gaan worden en alleen nog maar HTML5 video players zullen inbouwen. Voor veel Fronteers is er echter één persoon die ons die kans geeft. En die komt toch wat minder in de lijst met goede voornemens voor. Nee, niet de Kerstman … de klant. En terecht. Want die k...

14 december 2011 Ruben Bos

Lees meer over Clients from heaven
Met 50% korting naar BlackBerry DevCon
Op 7 en 8 februari wordt in de RAI te Amsterdam BlackBerry DevCon Europe gehouden, dat zich op het BlackBerry platform richt. Voor een congres van een mobiele speler wordt er ongebruikelijk veel aandacht aan het web besteed, en bovendien krijgt elke bezoeker een gratis BlackBerry PlayBook. Fronteers biedt hierbij aan zijn leden 50% korting op de toegangsprijs aan. De early bird loopt op 23 december af. Registreer je je voor die tijd, dan betaal je niet 250 maar slechts 125 euro. Er wordt voor...

13 december 2011 Peter-Paul Koch

Lees meer over Met 50% korting naar BlackBerry DevCon
Kijk mama, zonder afbeeldingen! Grafische elementen maken met CSS
Zoals Stijn Janssen het al aangaf, we zijn geen slicers meer. Het idee van een website als een verknipt Photoshop document staat op uitsterven, en wij als front-end developers gebruiken steeds minder gif’s, jpg’s en png’s om onze designs visueel aan te kleden. Wat is er mis met klassieke afbeeldingen? Wel, het zijn vaak grote bestanden en ze jagen het aantal HTTP requests de hoogte in—of je moet beginnen knoeien met sprites. Elke keer je een pixel wil veranderen moet je weer dat logge program...

13 december 2011 Lennart Schoors

Lees meer over Kijk mama, zonder afbeeldingen! Grafische elementen maken met CSS
Het is al goud wiens cursor blinkt
Een pijnlijk vergezochte titel voor een alledaags onderwerp: de opdrachtregel of terminal. Die tekstinterface voor je computer mag dan wel al meegaan van toen de mainframes nog op stoom werkten, tegenwoordig is hij hipper dan ooit. (Een zwart scherm is het nieuwe, euh, zwart.) Wie al wat langer in dit wereldje meedraait (hier, neem nog een Werthers Echte), heeft de verandering van "slicer" naar "front-end developer" meegemaakt. Vroeger zat er vaak niemand tussen de designe...

12 december 2011 Jan Moesen

Lees meer over Het is al goud wiens cursor blinkt
Een tik op de neus
Een website bouwen op een responsive-design-manier is te vergelijken met aangevallen worden door een haai. Je weet dat je de haai gewoon een tik op zijn neus moet geven maar hoe doe je dat precies? Zo'n haai is ook best imponerend. Dit artikel legt uit hoe je een responsieve site bouwt, hoe je hem opzet. En in onze voorbeeldsite gaan we dieper in op het geven van een tik op de neus van een haai. De basis De basis van elke responsieve website (van elke website eigenlijk) is natuurlijk de conte...

11 december 2011 Vasilis van Gemert

Lees meer over Een tik op de neus
Waarom standaarden essentieel zijn
Je hebt vast en zeker al ooit een vaatwasmachine of een oven gekocht. Heb je toen, om er zeker van te zijn dat het in je keuken paste, opgemeten hoe groot het nieuwe toestel was? Normaal gezien was dat niet nodig, omdat de afmetingen van inbouwkeukentoestellen gestandaardiseerd zijn. Op een paar uitzonderingen na zullen toestellen van eender welke leverancier zonder probleem in je keuken passen. Standaarden bevorderen innovatie Standaarden zijn een onzichtbaar, maar onmisbaar deel van de mees...

10 december 2011 Andreas Creten

Lees meer over Waarom standaarden essentieel zijn
JavaScript-pret met alle karakters in een string
Stel: je hebt een functie encode() geschreven, die een string bestaande uit één enkel karakter als argument neemt, en een gecodeerde versie van dat ene karakter teruggeeft. Een praktisch voorbeeld hiervan is ROT-13-encodering. Als je nu een willekeurige string bestaande uit meerdere karakters wil gaan coderen volgens encode(), hoe zou jij dat dan doen? Er zijn natuurlijk verscheidene mogelijkheden, maar de ene is al leesbaarder/compacter/sneller/handiger/robuuster dan de andere. Laat ons om t...

9 december 2011 Mathias Bynens

Lees meer over JavaScript-pret met alle karakters in een string
Front-end meta languages
Front-end meta languages. Een hippe, zelfverzonnen naam voor talen die compileren naar HTML, CSS en JavaScript, maar dat zelf niet zijn. Het gebruik scheelt op z'n minst veel typewerk en zorgt voor overzichtelijkere code. Dankzij extensies als Compass is er nog meer tijdsbesparing en gemak te realiseren, bijvoorbeeld voor het beheer van je sprites. Waar hebben we het over? Voor HTML en JavaScript zijn er een paar bekende spelers, zoals Haml en CoffeeScript. Voor CSS hebben we talen als Sass e...

8 december 2011 Roy Tomeij

Lees meer over Front-end meta languages
Responsive images; een experiment
Goed anderhalf jaar geleden weerklonken de eerste oh's en ah's in de Twittersphere. Toen was responsive webdesign niet meer dan een—weliswaar beloftevolle—gimmick. Sindsdien is het hard gegaan: klanten hebben de mond vol over mobile first en vandaag zijn zelfs onze moeders verslingerd aan hun iPad's. Er is uitstekend leesvoer voorhanden, webdesigners overal te lande zijn druk aan het experimenteren en de eerste responsieve websites voor het brede publiek staan te blinken op het internet. Over...

7 december 2011 Roel Van Gils

Lees meer over Responsive images; een experiment
3D-graphics
De volgende theorie heeft betrekking op de wijze waarop 3D-graphics berekend worden. Welke processen spelen zich buiten het zicht van de gebruiker af in de computer? Voor het genereren van computer graphics zijn veel en vaak complexe berekeningen nodig. Een gemiddeld boek over computer graphics staat stijf van de moeilijke formules, die voor de gemiddelde mens niet of nauwelijks te lezen zijn en niet echt uitnodigen om er mee aan de slag te gaan. In deze beknopte handleiding wordt de basis ui...

6 december 2011 Arjan Westerdiep

Lees meer over 3D-graphics