JSConf EU Berlijn – conferentiedag 1

De conferentie begint op zaterdag 13 september. Om 8:30 uur ontbijt. De koffie is vers en voor het ontbijt is er ruime keuze uit allerlei gezonde salades, veel vegetarisch.

De locatie van JSConf EU Berlijn is het Radialsystem V in Berlijn. Dit is een voormalig pompstation dat op dit moment fungeert als cultureel centrum.

Lees verder…

Backbone.js: een korte introductie

In deze post beschrijf ik in het kort de werking van het web framework Backbone.js. Dit is mijn eerste serieuze kennismaking met Backbone.js. Tijdens het schrijven van deze post heb ik een voorbeeld uitgewerkt. Het is een voorbeeld dat ik eerder heb uitgewerkt voor het web framework AngularJS en dat maakt een vergelijking tussen beide mogelijk.

backbone-580

Wat is Backbone.js

Backbone.js is een JavaScript web framework. Het doel van Backbone.js is dezelfde als bijvoorbeeld AngularJS, namelijk structuur geven aan wegapplicaties.

Lees verder…

AngularJS; Lege velden na reload, opgelost!

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…

Fast JavaScript Click Event for Touch Devices

Click Events

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 whether the device is touched without moving. When tapped without move, it fires a custom event named “fast click”. This alternative event fires much faster then an ordinary click event.

Continue reading “Fast JavaScript Click Event for Touch Devices”

Deel 2 webshop mobiel: Van ontwerp naar implementatie

Het geschetste ontwerp links en het resultaat in HTML/CSS rechts
Schets van ontwerp links en resultaat in HTML/CSS rechts

Van schets naar HTML/CSS

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.

Lees verder…