Portafolio hecho con SASS  – Kyle

Este es un portafolio sencillo estilo One Page, maquetado con HTML y estilizado con el pre-procesador SASS. El proyecto 51 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Portfolio SASS Kyle

DESAFÍOS

Vuevlo a retomar de nuevo el uso del SASS para el uso de estilos. Sin duda SASS me permite ahorrar tempo y líneas de estilos en mi CSS, creo que l práctica de este me ayuda a irlo implementando cada vez de manera más organizada.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000 E8CA50

Tipografía:

Montserrat de Google Fonts

Mockup (Bosquejo)

Primero empiezo con el bosquejo del sitio hecho en Figma

HTML y CSS

Ahora empiezo la maquetación del sitio en HTML, y por último los estilos con SASS. El cual a su vez compilará y creará el archivo CSS.

Sitio web responsivo

Este es el sitio visualmente para móviles.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Portfolio SASS Kyle

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS (Flex)
  • SASS
  • Sitio responsivo
  • Github
  • Netlify

Recursos

Unsplash

Pexels

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....