About me
My name is Mees Rutten. I'm an aspiring Creative Front-end Developer. I want to create high performance, accessible websites that deliver amazing experiences to the user.
- Hey, I'm Navvy!
- I will guide you through Mees' portfolio!
-
You can ask me a bunch of things!
- Something about Mees
- Mees' best work
- Maybe I could help (for more instructions)
- Type commands for a list of every command
Web animation
Hover over a project to see more information then click it to see its content.
Tap the button to see more information then tap the card to see its content.
Tired
This is an animated story I made for a school project. It simulates a tired reader. I made this with CSS transforms and blur filters.
Bouncy Ball
This is an animated ball I made a while back. It bounces around your screen, changing color every drop. I made the color change with JS and movement with CSS
High
This is an animated story I made for a school project. It simulates reading while under influence of drugs. I made this with drop-shadow filters.
Rainbow
This is an animated story I made for a school project. It simulates rain clearing up. I made this with animation on scroll. (Best experience on MacBook or mobile)
Animated Logo
This is an animated logo I made. its animated with GreenSock.
Projects
Hover over a project to see more information then click it to see its content.
Tap the button to see more information then tap the card to see its content.
Navvy
This is Navvy, you can preview it on top of this page. I made it with native JS. You can check it out on GitHub.
Pakhuiswerk
This is a custom WordPress website I created while working at Cobra Systems. Layout is done with flexbox.
Amsterdone
AmsterDone is a first prize winning school project. its an activity checklist with lots of fun things to do while in Amsterdam made for International Students
Website Layout
Short Stories is a school project. Layout was made with flexbox and viewport relative units.