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.