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
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": "https://gravatar.com/avatar/fba9d4458f2ea802c5a426e4615da0c7?size=500",
"email": "m@guido.vc",
"phone": "+31642945687",
"website": "https://guido.vc/",
"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
Quiz
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
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
<template>
<div id="app" @touchmove.prevent>
<header-bar></header-bar>
<main @touchmove="enforceScroll">
<router-view></router-view>
</main>
<footer-bar></footer-bar>
</div>
</template>
@guidobouman
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: [
'html'
@guidobouman
guidobouman / keybase.md
Created Dec 23, 2015
Public proof of the connection of my GitHub account with keybase
View keybase.md

Keybase proof

I hereby claim:

  • I am guidobouman on github.
  • I am guidobouman (https://keybase.io/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
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) {
element.css({
resize: 'none'
@guidobouman
guidobouman / dabblet.css
Created Jul 11, 2013
Centered dynamic text.
View dabblet.css
/**
* Centered dynamic text.
*/
@import url(http://fonts.googleapis.com/css?family=Lato:100);
html {
height: 100%;
}
@guidobouman
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
#overview
max-width : 1000px
.item
width : 50%
background : white
You can’t perform that action at this time.