The `matches` operation

I’m slowly migrating projects away from jQuery. It has served me really well in the past, and it still works, but it is no longer necessary. One of the few things that have been bothering me though was the lack of ‘live’-attaching of EventListeners. jQuery allows you to bind an onsubmit event listener to any , evens that haven’t been added to the DOM yet. It used to be called live() (from version 1.3 to 1.9), but the functionality was later reintroduced with on(). You would bind the event listener not to a `` directly, but to a container (up to document).

$(document).on('click', 'p.alert', function(e){ 
  confirm("Did you read this carefully?"); }
);

Moving away from jQuery, we use the ‘standard’ addEventListener(): but it has no easy way of delegating the events.

Introducing matches

Element.querySelector(".CSS.selector.here") is probably quite well known by know, but I was …

De beste mockuptools op een rij

Niet zo lang geleden kreeg ik de vraag voorgelegd of ik wat goede tools kende waarmee iemand mockups kon maken. Wel, naast dat ik dat natuurlijk voor hem had gunnen googlen (het internet staat er vol mee), deed ik m'n best om hem zo goed mogelijk te helpen.

Pen & Papier

Mijn eigen proces is echter verbazingwekkend simpel:

1. neem pen & papier en schets (denk na, exploreer, divergeer)
2. schrijf HTML (evt. in combinatie met een framework zoals foundation of bootstrap) om te convergeren richting een eindresultaat.

Als vervanging van pen en papier gebruik ik tegenwoordig overigens ook steeds vaker virtueel paper (een iPad applicatie om snel mee te schetsen, stylus wel aanbevolen) (scheelt inscannen en ziet er net iets cleaner en klantvriendelijker uit).

Presentatieprogramma

Ken je geen HTML en wil je een mockup tool om je eigen ideeën concreter te presenteren kijk dan eerst eens naar h…