Skip to content

dirkboersma/8-bit-webbio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

8-bit-webbio

8-bit-webbio is een Hackfriday project

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:

  1. Github - https://github.com/dirkboersma/8-bit-webbio
  2. 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:

  1. Playscii - Playscii is an open source ASCII art, animation, and game creation program [http://vectorpoem.com/playscii/]
  2. 8bitworkshop (IDE) - Write 8-bit code in your browser [https://8bitworkshop.com/]
  3. Blogpost Making 8-Bit Art with JavaScript - https://medium.com/@agbales/how-to-make-8-bit-art-with-javascript-eea808a70ba2
  4. https://net-sigma.com/pixelart

Wat ik wel besloot te gebruiken:

  1. Blogpost 8-Bit Style CSS - https://medium.com/swlh/8-bit-style-css-7bf19dfd65ca
  2. NES.css - NES-style CSS Framework [https://nostalgic-css.github.io/NES.css/]
  3. IMG8Bit - Convert image into Animated 8-Bit Pixel Art [https://img8bit.com/]
  4. RolandRadio - https://rolandradio.net/
  5. Webbio, ons team - https://webbio.nl/het-team/

To Do:

  1. Space invaders in een modal integreren - https://codepen.io/adelciotto/pen/BHuGL
  2. Autoplay RolandRadio
  3. Gif animatie starten bij mouse over
  4. Kleurrijkere afbeeldingen/gif's
  5. Child pagina's

About

Hackfriday project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published