Ayuda con CSS

ayuda-con-css.md

Ayuda con CSS

Recursos Útiles

Documentación

• W3Schools - CSS
• DevDocs - CSS
• Web.dev - Learn CSS
• MDN Web Docs - CSS

Generadores de códigos css

• CSSmatic - Box Shadow: Generador de sombras, bordes redondeados, colores degradados y texturas
• Box Shadow Generator: Generador de sombras
• CSS Gradient: Generador de colores degradods
• Color Hunt: Muestras de paletas de colores a usar en web
• Animated Backgrounds: Css+JS (avanzado) con fondos animados

---

Ayuda para Flex

• MiduDev - Centrar Elementos en CSS
• CSS Tricks - Flexbox Guide
• MDN Web Docs - Flex
• W3Schools - Flexbox
• CoreCode - Flexbox & Grid Guide

Ayuda para CSS Grid

• W3Schools - CSS Grid
• CSS Tricks - A Complete Guide to Grid
• MDN Web Docs - CSS Grid
• LenguajeCSS - Introducción a CSS Grid
• MiduDev - Aprende CSS Grid con ejemplos

---

Wireframes y Mapas de Navegación

• Figma: Herramienta de diseño colaborativo, muy útil para crear wireframes y mapas de navegación.
  Figma

• Figma (Mapa de Navegación): Un ejemplo de mapa de navegación en Figma que puedes usar como referencia para estructurar tu propio mapa.
  Figma - Mapa de Navegación

• Miro: Herramienta de colaboración visual ideal para mapear ideas, estructuras y wireframes.
  Miro

• Balsamiq: Herramienta sencilla y fácil de usar para crear wireframes rápidos.
  Balsamiq

---

Documentos Funcionales y Guías de usuario

• Notion: Ideal para crear documentos funcionales colaborativos.
  Notion

• Google Docs: Para crear y compartir documentos funcionales de manera simple.
  Google Docs