Blog

Blog

• 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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  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

  • Adventskalender

  Lees meer over HTML5 Video | Een overzicht