Skip to content

Instantly share code, notes, and snippets.

Guido Bouman guidobouman

Block or report user

Report or block guidobouman

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
guidobouman / resume.json
Last active Aug 21, 2019
My resume as JSON
View resume.json
"basics": {
"name": "Guido Bouman",
"label": "Interaction engineer & team lead",
"picture": "",
"email": "",
"phone": "+31642945687",
"website": "",
"summary": "Lead interaction engineer crafting simple, elegant & intuitive solutions to complex problems. Specialties: concept realisation & front-end web development. I help out clients with new concepts, interactions, architecture setup & performance optimisation. From there, I help internal teams take the lead and make their product a success. Some of the stacks that I'm familiar with: Vue.js & React on top of .NET Core, NodeJS & Firebase. Preferably with Webpack, Jest & TypeScript where feasible. Previously I’ve scaled back-ends beyond 1 million active monthly users. Nowadays I prefer creating highly effective and happy teams.",
"location": {
View SketchSystems.spec
Intro screen
button click -> Question remaining?
Question remaining?
next question is order? -> Question - Order
next question is choose one? -> Question - Choose one
no next question? -> Finish
Question - Order
View dynamic-variable.css
:root {
--gutter: 10px;
@media (min-width: 600px) {
:root {
--gutter: 20px;
View basic-variable.css
:root {
--brand-color: #ff6600;
.header {
color: var(--brand-color);
guidobouman / enforceScrollingApp.vue
Last active May 17, 2017
Vue app that moves it's scrolling into a child div. In case you ever need to create a web app.
View enforceScrollingApp.vue
<div id="app" @touchmove.prevent>
<main @touchmove="enforceScroll">
guidobouman / .eslintrc.js
Last active Jan 17, 2019
Make ESlint import resolver work with Vue & Webpack
View .eslintrc.js
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
extends: 'airbnb-base',
// required to lint *.vue files
plugins: [
guidobouman /
Created Dec 23, 2015
Public proof of the connection of my GitHub account with keybase

Keybase proof

I hereby claim:

  • I am guidobouman on github.
  • I am guidobouman ( on keybase.
  • I have a public key whose fingerprint is 2884 4101 A3FA 217E 405D 03AA 28A9 9418 4FAC D659

To claim this, I am signing this object:

guidobouman / directive-fluid-textarea.js
Last active Jun 14, 2016
Angular Fluid Textarea Directive
View directive-fluid-textarea.js
// Use like: <textarea fluid-textarea rows="1"></textarea>
angular.module('q42.fluidTextarea', [])
.directive('fluidTextarea', function($timeout) {
return {
restrict: 'A',
link: function(scope, element, attrs) {
resize: 'none'
guidobouman / dabblet.css
Created Jul 11, 2013
Centered dynamic text.
View dabblet.css
* Centered dynamic text.
@import url(;
html {
height: 100%;
guidobouman / checkerboard.css.sass
Created Oct 22, 2012
Elastic responsive SASS / CSS checkerboard scaling from 2 to 4 blocks wide depending on the container width. The `:nth-child()` calculations are the interesting part.
View checkerboard.css.sass
// Chekkerboard css
max-width : 1000px
width : 50%
background : white
You can’t perform that action at this time.