Skip to content

Latest commit

 

History

History
92 lines (57 loc) · 2.43 KB

README.md

File metadata and controls

92 lines (57 loc) · 2.43 KB

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


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:


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.

1

Footnotes

  1. Por LizaCastDiaz