+f(png)/image.png)
Mooi voorbeeld van wat er mogelijk is met CSS3. Werkt het beste in Chrome of Safari.
Processing.js, de Javascript implementatie van de visuele programmeertaal Processing, heeft een 1.0 release gehad. Een aardige site om er mee te experimenteren is jsfiddle.net
20 things i learned about browsers & the web
Prachtig HTML5 interactief boek over hoe het internet werkt.
Nieuw sociaal netwerk voor bierliefhebbers. Zoiets als Foursquare, maar nu check je in op bier in plaats van locaties. Ook leuk omdat de mobiele applicatie helemaal HTML5 is, en op een iPhone bijna net zo goed werkt als een ‘echte’ app.
Mooie digitale omzwerving door de straten van Parijs, waarbij je aan de hand van drieëntwintig inwoners, elk met hun eigen idee over de stad meer te weten kan komen over de stad. Je kan de interactieve documentaire doorlopen via een kaart of via de inwoners.
Google Page Speed apache module
Apache-module voor Debian/CentOS (Apache 2.2 only op het moment) met configureerbare filters voor het optimaliseren van websites en het bijhouden van latency statistieken.
HTML5 heatmap die gebruik maakt van de canvas tag
Een overzicht van echte applicaties en hoe ze schalen met veel lezenswaardige voorbeelden en tools.
Dexter alternate reality game
Hele interessante alternate reality game om het vijfde seizoen van Dexter te promoten.
3d boek covers met CSS3
Leuke showcase van wat je kan met CSS3. Werkt alleen in Chrome en Safari.
Adobe komt met een eigen HTML5 video speler
Couchpubtato
Zorgt ervoor dat je van elke CouchDB database een pubsubhubbub endpoint kan maken. Leuk voor mashups en dergelijke.
Bees with machineguns
Tooltje om een DDOS aanval te simuleren op je website. Handig om mee testen. Niet te gebruiken op websites die niet van jezelf zijn 
Stylebot
Chrome plugin om makkelijk pagina’s te stylen en dat ook gelijk op te slaan.
Selectivizr
CSS3 selectors voor Internet Explorer. Onder de motorkap is het stiekem een CSS parsing engine.
Flexie
Maakt gebruik van Selectivizr om het CSS3 flexible box model voor IE beschikbaar te maken
De frontend afdeling van VPRO Digitaal was vorige week op de Fronteers conference in Amsterdam.
Binnenkort volgt hier nog een uitgebreid verslag van de conferentie, uiteraard opgemaakt in HTML5. Tot die tijd kun je vast mijn aantekeningen lezen van dag een en dag twee.
Een inspirerend voorbeeld van hoe je een mobiele site óók kan benaderen: het blog van Stephen Caver. In plaats van een aparte ‘mobiel geoptimaliseerde’ site aan te bieden heeft Stephen z’n site zo gebouwd dat het er op alle breedtes altijd goed uit ziet.
Verklein je browser om het effect te zien: als je het scherm smaller maakt schalen de teksten en plaatjes mee, en wordt het aantal kolommen minder: van maximaal drie naar minimaal één.
Het effect wordt gecreëerd door een slimme combinatie van CSS media queries en wat Javascript. Lees meer over dit zogeheten responsive web design.
Eventbug is een erg handige plugin voor Firebug die je alle event handlers laat zien die aan een element zijn gebonden. Gewoon ‘inspect element’ doen op het element waarvan je de handlers wilt zien, en je kan alle events zien in het rechter tab paneeltje. Nu nog in beta, maar al zeer goed bruikbaar.
Op 21 september 2010 zal de VPRO de lokatie zijn voor de vierde NoSQL-NL Meetup. NoSQL-NL Meetups zijn gratis toegankelijke bijeenkomsten voor iedereen die geïnteresseerd is in NoSQL databases. Tijdens de bijeenkomsten worden er presentaties gegeven en is er ruimte voor discussie. De volgende onderwerpen staan voor de vierde editie op het programma:
Meer informatie over deze bijeenkomst en de mogelijkheid om je aan te melden vind je hier.
Als je het pangram hierboven ziet in een mooi cursief lettertype dan heeft je browser ondersteuning voor webfonts. Tot een paar jaar geleden was het moeilijk om lettertypes te gebruiken die niet standaard op elke computer staan, zoals Arial of Times New Roman. De afgelopen tijd zijn er echter nieuwe technieken beschikbaar gekomen die het een stuk makkelijker maken om webfonts in je site te gebruiken.
In het kader van de nieuwe huisstijl van de VPRO is er ook een nieuw lettertype ontworpen, speciaal voor de VPRO. Dit nieuwe lettertype is, mits je een recente versie van Firefox of Internet Explorer hebt, te zien op onder andere vpro.nl en de site van Tegenlicht.
Maar hoe ga je te werk in het toevoegen van dit lettertype aan je website? Dit artikel probeert samen te vatten wat wij hebben geleerd bij het in gebruik nemen van dit lettertype.
