GAME BOY

Una replica ilustrativa de mi consola favorita.

Ver Game-Boy clone

Este es el primer proyecto creado en el Bootcamp de GeekHub Academy. Una forma de evaluar los conocimietnos adquiridos durante la primera semana de bootcamp.

Herramientas y recursos

Herramientas

• Generador de Sombras: https://www.cssmatic.com/box-shadow
• Generador de paletas de colores: https://colorhunt.co/

---

plugins chrome

Measure-it:

Regla para verificar el ancho, la altura o la alineación de los elementos de una página web en píxeles. https://chrome.google.com/webstore/detail/measure-it/jocbgkoackihphodedlefohapackjmna

Colorzilla:

Se puede obtener una lectura de color desde cualquier punto de su navegador, ajustar rápidamente este color y pegarlo en otro programa. https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

WhatFont:

Identifica el tipo de Font que hay en una pagina web. https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/support?hl=es

Css Peeper:

Herramietna que identifica cualquier tipo de estilo que se este usando en una web. https://csspeeper.com/

---

Fonts

Fonts utilizadas para el proyecto:

• NINTENDO: "PRETENDO" - (https://www.cdnfonts.com/pretendo.font)
• GAME BOY: "LATO" - https://fonts.google.com/specimen/Lato?query=lato

---

Tecnologias:

• HTML
• Css: Grid, flexbox y position

---

Colores

Colores Utilizados:

1. Background: #d7d2d8
2. Letras #22255
3. Interior screen: #9ca04c
4. Top lines: #7d1a4a - #35224e

---

Documentacion utilizada

Creando bordes:

https://lineadecodigo.com/css/redondear-bordes-con-css/

Entendiendo Grid:

https://css-tricks.com/snippets/css/complete-guide-grid/

Entendiendo Flex:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Entendiendo como hacer transiciones:

Degradado con transiciones de color alrededor de un punto central
https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient

---

Foto en la que me base.

¹

Footnotes

1. Por LizaCastDiaz ↩