Dit was voor mij een eendaags project om te kijken of er een manier is om de vormgeving of UX van een applicatie/website van ons meer 8-bit te maken. Het resultaat in code en live omgeving zijn te vinden op:
- Github - https://github.com/dirkboersma/8-bit-webbio
- Netlify - https://8-bit-webbio.netlify.app/
In het zoeken naar inspiratie en tooling kwam ik een aantal gave tools tegen die ik niet gebruikte, maar voor een toekomstig project het noemen waard zijn:
- Playscii - Playscii is an open source ASCII art, animation, and game creation program [http://vectorpoem.com/playscii/]
- 8bitworkshop (IDE) - Write 8-bit code in your browser [https://8bitworkshop.com/]
- Blogpost Making 8-Bit Art with JavaScript - https://medium.com/@agbales/how-to-make-8-bit-art-with-javascript-eea808a70ba2
- https://net-sigma.com/pixelart
Wat ik wel besloot te gebruiken:
- Blogpost 8-Bit Style CSS - https://medium.com/swlh/8-bit-style-css-7bf19dfd65ca
- NES.css - NES-style CSS Framework [https://nostalgic-css.github.io/NES.css/]
- IMG8Bit - Convert image into Animated 8-Bit Pixel Art [https://img8bit.com/]
- RolandRadio - https://rolandradio.net/
- Webbio, ons team - https://webbio.nl/het-team/
To Do:
- Space invaders in een modal integreren - https://codepen.io/adelciotto/pen/BHuGL
- Autoplay RolandRadio
- Gif animatie starten bij mouse over
- Kleurrijkere afbeeldingen/gif's
- Child pagina's