Blog - Fronteers

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
Acteurs, schilders en technici
Wat doet de moderne front-ender van nu tegenwoordig anno 2011? Hij is een acteur-schilder-technicus. Als ze me vragen wat ik doe, zeg ik: “Ik maak websites.” Dat snapt m’n oma van 90 en dat snapt m’n dochter van 9. Want iedereen weet tegenwoordig wat een website is en wat je er ongeveer van kunt verwachten. De magie van een eigen website hebben is helemaal voorbij. Je hebt drie rollen als front-ender: acteur, schilder en technicus. De acteur Je hebt het inlevingsvermogen nodig van een acteur...

5 december 2011 Paul van Buuren

Lees meer over Acteurs, schilders en technici
Webrichtlijnen 2: de nieuwe standaard
Sinds juni van dit jaar is de nieuwe versie van de Webrichtlijnen, versie 2, de officiële overheidsstandaard. Dit betekent dat overheden bij het bouwen van nieuwe websites moeten kiezen voor deze versie, via het 'pas toe of leg uit'-principe. Wat houdt die verplichting precies in? Momenteel moeten websites van de rijksoverheid voldoen aan het hoogste niveau, dus alle richtlijnen onder versie 1. Mede-overheden zoals gemeenten en waterschappen moeten eind 2012 voldoen aan prioriteit 1, en per 1...

4 december 2011 Janita Top

Lees meer over Webrichtlijnen 2: de nieuwe standaard
Patronen voor de groei
Zelf, met de hand, een website maken is tegenwoordig zo lastig nog niet. Echter, een grote maatwerk website is heel andere koek. In het begin lijkt het wel simpel maar iedere beslissing heeft invloed op je volgende beslissing en één verkeerde beslissing kan heel snel tot frustratie leiden. Mocht je toevallig het (on)geluk hebben om meerdere grote websites te maken en te onderhouden, dan ben je, als je niet uitkijkt, al heel snel de sigaar. Waarom? Niets blijft hetzelfde en het maken van een ...

3 december 2011 Egor Kloos

Lees meer over Patronen voor de groei
HTML5 Video | Een overzicht
HTML5 introduceert verschillende nieuwe tools voor het bouwen van dynamische websites en applicaties. Eén hiervan is het <video> element. In theorie maakt dit het invoegen van video's in websites net zo simpel als het invoegen van afbeeldingen met het <img> element. In de praktijk is HTML5 video nog volop in ontwikkeling. Belangrijke opties ontbreken nog, niet alle browsers herkennen <video> en de browsers die dat wel doen ondersteunen verschillende formaten. HTML5 video wer...

2 december 2011 Jeroen Wijering

Lees meer over HTML5 Video | Een overzicht
Waarom een slicer een front-end developer is geworden
Het internet gebruikte je vroeger enkel voor het weergeven van simpele, gestructureerde gegevens. Met de stijgende populariteit van het internet wilde iedereen zijn eigen website onderscheiden van de andere. Naast de interessante content die je op je website toonde, wilde je ook een visueel onderscheid maken ten opzichte van de rest van de wereld. Je wilde je eigen stempel drukken op het groeiende internet. Ik ben op zoek gegaan naar het verhaal achter het woord 'slicer' en hoe dit geëvolueer...

1 december 2011 Stijn Janssen

Lees meer over Waarom een slicer een front-end developer is geworden
Adventskalender 2011
Vanaf morgen verschijnt op ons weblog elke dag, tot aan kerst, een artikel gerelateerd aan front-end webtechnologieën. Bijna alle bijdragen voor deze adventskalender zijn geschreven door Fronteersleden. Middels de artikelen willen we de kennis binnen Fronteers verspreiden onder andere leden, en natuurlijk naar niet-leden. De artikelen hebben zeer diverse onderwerpen, zodat iedereen—zowel beginner als gevorderde—iets op kan steken van deze reeks. Elke schrijver heeft de mogelijkheid om 75 euro...

30 november 2011 Arjan Eising

Lees meer over Adventskalender 2011