Mi portafolio!
ile Vicente Ibarzabal @viicenteibar
- 573
- 3
- 1
Introducción
Mi portafolio! luego de haberme instruído en el tema y habiendo dejado este proyecto parado por mucho tiempo hoy por fin puedo culminar el curso de "HTML, CSS y JavaScript para principiantes".
Mi idea para este proyecto fue seguir el paso a paso de los videos instructivos, una vez terminados de ver, darle un toque personal. Espero les guste <3 !!
Puedes ver el sitio web completo aquí: https://viicenteibar.netlify.app/
PD: para quien pueda necesitarlo les dejo mi repo de GitHub donde van a encontrar el código y organización de mi proyecto utilizando las mismas tecnologías que las enseñadas pero dando otra distribución de SASS, utilizando Grids además de Flexbox, mejorando el responsive y agregando animaciones de la comunidad para darle un toque estético agradable, espero les sea útil! https://github.com/viicenteibar/My-Portfolio
Recomendaría verlo en una computadora de escritorio para una mejor visualización:
Agradecería sinceramente sus ideas generales!



Materiales
Herramientas de desarrollo y programación:
Visual Studio Code: Editor de código. Es un entorno de desarrollo integrado (IDE) popular y liviano para escribir código en varios lenguajes.
CSS: Lenguaje de estilos. Es el lenguaje utilizado para diseñar y dar formato a la apariencia de los sitios web.
JavaScript: Lenguaje de programación. Es un lenguaje de programación usado para crear interactividad en páginas web.
SASS: Preprocesador de CSS. Es una extensión de CSS que facilita la escritura de hojas de estilo más eficientes y escalables.
Git: Sistema de control de versiones. Es una herramienta que permite llevar un seguimiento de los cambios en los archivos de un proyecto y facilita la colaboración.
GitHub: Plataforma de hospedaje de código y colaboración. Es una plataforma en línea que usa Git para almacenar, compartir y colaborar en proyectos de programación.
Herramientas para diseño web:
Coolors: Generador de paletas de colores. Es una herramienta en línea que te ayuda a crear paletas de colores armónicas y atractivas para proyectos de diseño.
Cubic Bezier: Generador de curvas de Bézier para animaciones CSS. Permite crear curvas de animación personalizadas para transiciones en CSS, ayudando a controlar la velocidad de las animaciones.
Flaticon: Banco de iconos. Es una plataforma con una amplia variedad de iconos vectoriales que puedes usar en tus proyectos de diseño y desarrollo web.
Neumorphism.io: Generador de diseños neumorfismo. Es una herramienta que genera código CSS para aplicar el estilo de neumorfismo a los elementos de diseño de una página web.
Grid Layoutit: Generador de grids CSS. Es una herramienta que permite crear un diseño de cuadrícula (grid) con facilidad, generando el código CSS necesario para implementarlo.
Enlaces: https://coolors.co/d6f272-baf266-6f8c42-64734e-595959-333333-0d0d0d https://cubic-bezier.com/#.17,.67,.83,.67 https://www.flaticon.es/ https://neumorphism.io/#e0e0e0 https://grid.layoutit.com/
1. Paleta de colores

1 yorum
Congrats on finishing the course 💫 Love the color palette!
Yorum yapmak için Ücretsiz olarak giriş yapın veya katılın