Verschrikkelijk irritant, dat na een reload van de pagina alle velden van de webapplicatie weer op de initiële waarde staan. Het is veel praktischer als ze nog steeds dezelfde waarde bevatten na de reload. Hieronder beschrijf ik hoe je dit voorelkaar krijgt in het webframework AngularJS. Lees verder…

Met behulp van puur en alleen CSS is het mogelijk de koppen op een web pagina automatische te nummeren. Een 100% CSS implementatie dus waarbij niet de hulp van JavaScript ingeschakeld wordt. Sinds CSS versie 2.1 zijn de properties counter-reset en counter-increment aanwezig in de CSS standaard. Met deze twee properties…

AngularJS is een web framework dat vernieuwend is. Ja maar dat zegt elk framework van zichzelf! En toch is het nu echt zo, ontwikkelen met AngularJS betekent ontwikkelen met een frisse kijk en op een vernieuwende manier. De architectuur voor een AngularJS applicatie bestaat in hoofdlijnen uit de volgende onderdelen:…

Recent aangeschaft, de Amazon Kindle Touch e-reader. De Kindle is nu mijn favoriete apparaat voor het lezen van een digitaal boek. Om een digitaal boek te lezen, gebruikte ik voor de aanschaf van deze e-reader de “Kindle App” op de iPad en iPhone. De “Kindle App” zit goed in elkaar en is prettig in het gebruik.…

Recent aangeschaft via Bol.com, Philips DS1100 - Docking station voor iPod en iPhone. Als docking station is de DS1100 heel erg degelijk. Geen gedoe meer met een docking station dat te licht is en daardoor aan de iPhone blijft hangen bij het ontkoppelen. Ook een iPhone met bumper is makkelijk te koppelen. Het…

When working on a web app for touch devices (iPhone / iPad), you will soon notice that click events are rather slow to fire. There is a delay due to the fact that the device waits for the user to complete a gesture before deciding that the intended gesture was in fact a click. I wrote a simple script that detects…

De ruwe schets uit deel 1 is omgezet naar HTML/CSS. er is geen stap in PhotoShop aan vooraf gegaan. Wat de voordelen van deze aanpak zijn, kan je hier lezen: 37signals: Why we skip Photoshop. Het eindresultaat is tot stand gekomen in een aantal iteraties. Hieronder een korte samenvatting van de iteraties door de…

Door de userinterface van een website eerst voor de smartphone (aka mobiel) te ontwerpen, wordt de ontwerper gedwongen om zich te focussen op alleen de meest belangrijke acties. Door het beperkte scherm is er immers geen ruimte voor overbodige content. De gangbare term hiervoor is “Mobile first”. “So when a…

Sinds de upgrade naar Mac OS X Lion 10.7, werkte mijn hele oude versie van Adobe Photoshop helaas niet meer. Het was tijd om een nieuwe versie van Adobe Photoshop aan te schaffen. Maar goed, om nu € 600,- uit te gaan geven aan Adobe Photoshop, dat is me iets te gortig voor een grafisch pakket dat ik niet eens zo…

In CSS is het lastig om tekst uit te lijnen met de onderkant van een blok. De CSS property "vertical-align" doet niet altijd wat de meesten verwachten. Binnen een tabel doet "vertical-align:bottom" wat de meesten verwachten. Het zorgt er voor dat de tekst in een cel tegen de onderrand wordt geplaatst. Ook voor een…