Reset CSS PRO

Reset CSS Pro es el reset que uso de forma personal y el cual solventa varios problemas con los que me encuentro a la hora de maquetar, problemas como:

• Unificar el uso de Custom Properties
• Problemas de box-model más generales
• Problemas con imagenes, vídeos e iconos svg
• Problemas con tipografías y etiquetas input en formularios
• Unificar la tipografía de todas las etiquetas de una web

¿Qué problemas resuelve?

• Definición básica de Custom properties con tipografías y colores
  • Opcional Custom Properties en modo oscuro
  • Opcional Configuramos si un usuario ha activado el modo alto contraste (WD)
• Reset de margin, paddings y border de todas las etiquetas
• Evitamos problemas con las imagenes con recomendaciones de Microsoft
  • Opcional object-fit: cover;
  • Opcional object-position: center center;
• Reset para las anclas que funcionen como cajas excepto los que se encuentran en párrafos
  • Opcional Configuramos anclas suaves
• Quitamos los puntos de los
• Desactivamos estilos por defecto de las principales etiquetas de texto
• Evitamos problemas con los pseudoelementos de quotes
• Configuramos el selection de una web en base al color principal
• Reset de los problemas tipográficos y la colocación de elementos de formularios
  • Opcional appearance: none;
• Reseteamos las tablas
• Evitamos problemas con los SVG
• Configuramos la tipografía para toda la web
  • Opcional Configuración de interlineado
  • Opcional Problemas con palabras largas gracias a hyphens
  • Opcional Tipografía más suave en macOS gracias a font-smooth

Instalación por npm (Próximamente)

En un próximo directo desde Twitch lo publicaremos en NPM para poder usarlo en cualquier proyecto.

📥 Descarga el PDF con todos los módulos

Aquí te dejo un enlace de descarga hacia un PDF con el resto de módulos, resumen y teoría.

🔴 Vídeos relacionados con el reset

Nombre	Youtube
Reset CSS: Teoría
Reset PRO: Código
Nomenclaturas CSS
Metodologías CSS
Arquitecturas CSS

💻 Repositorios y vídeos relacionados

En estos repositorios tendrás acceso a todas las versiones de cada módulo creadas con diferentes tecnologías como HTML, SCSS, TS, Angular, ReactJS... Para que puedas practicar con un código básico.

Nombre	Playlist	Repositorio
Menú Responsive

👨🏻‍🏫 Eduardo Fierro Pro

¡Qué pasa cruck! Soy profesor de programación tanto en escuelas como en Bootcamps y en mis tiempos libres programo por Twitch y en Youtube.

📄 Licencia

MIT Public License v3.0 No puede usarse comercialmente