Tag descriptor

CSS Grid

An article, posted 4 days ago filed in , & .

The modern, still relatively new, way of doing grids natively inside a browser: CSS Grid. Below some articles that you may also find helpful.

Continue reading...

Prometheus for slow stats

An article, posted 15 days ago filed in , , , , , , , & .

Prometheus is a statistics collecting tool that originated from SoundCloud. Designed to be used in high performance environments, it is build to be blazingly fast. Hence, the client typically is expected to be blazingly fast as well, gathering and presenting data within nanoseconds. For Ruby on Rails applications however this has lead to an unresolved issue with the Prometheus ruby-client when the same application is forked (typical for Puma, Passenger and other popular ruby-servers). The Prometheus client collects data within its own fork before serving it to the exporter endpoint. This can or cannot be a problem. When you measuring response times, running averages from a random fork may be good enough. However, when you're also counting data over time you're having separate counters in …

Continue reading...

Don't try to be more personal

An article, posted 21 days ago filed in , , , , , , , & .

Your persona's don't include someone who is visually impaired Your persona's are probably all white, or typically young and dynamic. None of your persona's went through a tragic event recently.

Be careful when creating emotional experiences for the lucky ones. You shouldn't congratulate everyone with another great year, and/or a better year to come. Don't try to be more personal than you can be.

See also this thread on persona's

Continue reading...

“Nee” verkopen

An article, posted 3 months ago filed in , , & .

Soms moet je een klant proberen te overtuigen dat het niet doen van iets de beste optie is. Enige tijd geleden volgde ik een cursus effectief communiceren, en daar leerde ik het volgende.

Aan “Nee” verkopen gaat veelal het ontvangen van kritiek, of een gemis, vooraf. Het is dus belangrijk dat je die kritiek goed ontvangt. Als je kritiek geeft, als klant, wil je gehoord worden. Word je niet gehoord dan blijf je met een naar gevoel zitten. En word je bot. Tijdens de cursus leerde ik de 4 G’s (ja typisch cursusmateriaal) van een goed feedback moment te herkennen, en eventueel door te vragen voor een beter begrip. Mensen geven immers niet altijd goed feedback en zeker als opdrachtnemer is het goed om daar boven proberen te staan en de kritiek netjes te geleiden. De klant heeft kritiek, dus probeer te achterhalen:

  • Wat is het Gedrag dat niet goed werkt
  • Wat is het Gevoel dat de klant daarbij heeft
  • Wat is het Gevolg dat dat voor de klant heeft
  • en wat is het Gewenste gedrag …

Continue reading...

Delay your decisions

An article, posted 4 months ago filed in , , , , , , , & .

I design very little upfront. Sometimes I need to make an estimation, I design a little more. Sometimes the project is hardly specced and there is a lot of exploring to do.

In this post I would like to give a demonstration of how a recent project developed.

Initial stage

> Client: “We want a fancier frontend for our data”.
> Me: “Sure, any limitations?”
> Client: “We give you 4 months”
> Me: “Can I use any tech I want?”
> Client: “Na, we want to be able to continue on what you’re going to create, so please use P, X, Y and/or Z.”
> Me: “Sure, P is not my favourite, but some time ago I’ve dealt with it, so ok, we keep it simple anyway.”

The plan that followed:

Initially I thought I could fancy up the CSS, but the old product was in a very bad state and not really maintainable. So I decided to create a thin API layer in P (yes of PHP), a modern front-end layer in JavaScript using a framework that I co-introduced in the organisation a few years ago (R…

Continue reading...

Getting started with Cypress - a modern frontend testing framework

An article, posted 5 months ago filed in , , , , , , & .

Cypress is a new, open source integration test runner for modern JS applications (its development is sponsored by their online dashboard that allows you to record test-runs). It doesn’t require setting up Selenium, or other browser plugin, manually. Add it to your package.json and everything you need will be set up:

npm install cypress --save-dev

You can open even a GUI using:

./node_modules/.bin/cypress open

Alternatively, you can run the tests headless using the run command:

./node_modules/.bin/cypress run

Running the test will leave you with video recordings of what has been happening visually on the frontend for further review.

Ok. All nice, but you're right, these are tests running against a locally run server. So let's move the examples directory out of scope of the test runner:

mv cypress/integration/examples cypress/integration-examples

*(when exploring a new framework, I typically like …

Continue reading...

Be a (unit-testing) minimalist

An article, posted 5 months ago filed in , , , & .

Still (2013) a great talk by Sandy Metz on testing, and how to do it right, without getting too theoretical. While this talk is on ruby, and it uses a Rails framework for testing, it really is applicable to any other language (only the syntax will probably be a wee bit shittier ;))

Watch Rails Conf 2013 The Magic Tricks of Testing by Sandi Metz on YouTube

(and while unit-testing is between brackets, in general, being a minimalist when writing code really is a good idea)

Continue reading...

Really concise guide to package.json scripts

An article, posted 5 months ago filed in , , , , & .

Being unable to find a really concise description at a stable endpoint, the "scripts"-section of package.json, central to node/npm/yarn/euh. JavaScript-development these days, here it is.

The package.json is a json file which typically contains things like version and name of a project, the typical metadata. It also contains the dependencies of a project. But this is about the scripts-section. Completely optional, but so convenient that typically your project has one already:

  "name": "hello world",
  "version": "0.0.1",
  "main": "index.js",
  "scripts": {

The "scripts"-section contains snippets of code that you typically run using npm or yarn:

So let's say you're typing git add . && git commit -m "wip" && git push a lot (totally not recommended), you could do:

  "name": "hello world",
  "version": "0.0.1",
  "main": "index.js",
  "scripts": {
    "wipitup": "git add . && ...

Continue reading...

Het groene slotje en Symantec

Veilige verbindingen zijn gebaseerd op een keten van vertrouwen. Browsers en computers vertrouwen standaard een beperkt aantal zogenaamde ‘root’-certificaten. Deze root certificaten kunnen gebruikt worden om een groen slotje te geven aan een site. Meestal gebeurd dat met een tussenliggend certificaat: De site betrouwbaar omdat deze Certificaat A heeft welke vertrouwd is omdat het ondertekend is door Certificaat B en Certificaat B wordt vertrouwd omdat het ondertekend is door een root certificaat (de keten kan complexer en langer zijn); een certificaat dat vastgelegd is in de browser of het besturingssysteem. Het is dus belangrijk dat een beheerder van een root certificaat er alles aan doet dat diens vertrouwen niet wordt geschonden. Dat is vorig jaar bij Symantec (het bedrijf dat bekend is geworden met Norton Utilities en later AntiVirus) gebeurd.

Certificaten mogen alleen worden uitgegeven aan eigenaren van een domeinnaam; certificat…

Continue reading...

*nix: find the largest files/directories within a directory

An article, posted 6 months ago filed in , , , , , & .

Every now and then I’m searching for this little snippet in my notes using NotationalVelocity (or currently actually a fork):

du -hsx * | sort -rh | head -100

It’s a variation of a snippet I found somewhere, but hardly invested any time in understanding what it actually does. Let’s decompose, from head to taildu.

head -100

head simply limits the results to a maximum of 100 lines. Not much more to explain here


sort sorts. by default it sorts the files by filename, but adding ‘-h’ to it allows it to sort by “human readable numbers” (e.g. 5M > 6K); if ‘-n’ would be added as option 6K would be > 5M. The ‘-r’ options reverses the sort wich is by default ascending.


du by defaults crawls a directory recursively for all files. passing '-s' tells it to sum the values of files within directories. the '-x' option is used to n…

Continue reading...

Tag descriptor

Online film kijken

An article, posted 7 months ago .

Iedereen kent Netflix inmiddels. Maar er zijn aardige alternatieven die zich op niches werken. Een lijstje van (alternatieve) online filmdiensten. Kun je een bepaalde film niet vinden, probeer JustWatch eens.

Continue reading...

Gebruiker als in...

An article, posted 7 months ago filed in , , , , , , & .

> Je zou je kunnen afvragen of het goed is om geld te investeren in b.v. Facebook; als adverteerder of als content producent. Een 'gebruiker' van Facebook is eerder een 'gebruiker' zoals bedoeld in "gebruiker van heroïne" dan een gebruiker zoals in "gebruiker van biologisch afbreekbaar afwasmiddel". Ga op zoek naar frissere nettere plekken om die gebruiker te treffen.

Continue reading...

Tag descriptor

Rails CMS-systems

An article, posted 8 months ago filed in , & .

When developing full stack webapplications, I typically use Rails. While Rails is the perfect system to create CMS'es, for sites that are less applications and more websites CMS-gems for Rails may help.

Continue reading...

Tag descriptor

Online biologische winkels

An article, posted 8 months ago filed in & .

Meestal schrijf ik hier over technologie. Bij technologie wordt vaak gestreefd naar efficientie. Voor leven is dat niet altijd het beste. Akkers overbemesten met stikstof, monoculturen door met gif te spuiten, de natuur gaat steeds verder achteruit. Door biologisch te eten hoop ik daaraan minder bij te dragen.

Maar efficientie is wel handig, ik sleur niet graag iedere dag door de supermarkt (en al heb ik geen auto, dan zou ik ook niet iedere zaterdag m'n auto willen volladen). Boodschappen laten bezorgen is een uitkomst. Hieronder een lijst biologische supermarkten die bezorgen.

Vooralsnog maak ik zelf gebruik van Ekoplaza, maar sinds kor…

Continue reading...

Tag descriptor

Intrusion Prevention Systems

An article, posted 8 months ago filed in , , , & .

Attacks happen daily and on an automated basis. While you can use always up to date software on a server, develop with a security first mind set, an extra layer of security helps. IPS is such a layer that is something like a virusscanner for servers, detecting typical attacks before they occur.

Continue reading...

murb blog