Refactorización de CSS en Angular con OOCSS y SASS
Contenido del curso
BEM
Atomic Design
OOCSS
SMACSS
ITCSS
TailwindCSS
Refactorización de CSS en Angular con OOCSS y SASS
Refactorización de CSS en Angular con OOCSS y SASS
Contenido del curso
----- ----
Ulqernesh Karvenae
Miguel Arturo García Miranda
Israel Blas
Oscar David Rodríguez manjarres
Brandon Lee Aguero Fernandez
Pablo Alejandro Figueroa
Daniel Ochoa
Byron Tito
Daniel Ochoa
Larga vida a Sass 🫡
Con un poco mas de contraste entre los elementos y el fondo el apartado visual mejoraría .
Si estamos trabajando sin Sass, sólo con CSS ¿Podemos poner los estilos en :root{..}?
Lo ideal es colocar en root todas los posibles estilos que tengas en tu diseño con esto me refiero a colores, fuentes, bordes, etc. en sus variables correspondientes. Ya que cuando comiences a usar tus clases muchas veces tomaras lo que haya en las variables.
Al fin y al cabo su finalidad es poder hacer un cambio en estas y que se edite en todas las reglas creadas. Sirve muchisimo en rebranding.
OOCSS se me hizo bastante facil de entender y muy practico la verdad
Por aquí dejo el enlace del refactor que hice en la carpeta search-pokemon-button. Viva Angular!💚
Ya volveré cuando según la ruta se vean estos frameworks...
Otra es que pudiste usar el anidamiento de SASS para lograr los estilos modificadores del tamaño y mantener una estructura más limpia.
Por como veo las cosas en un proyecto real uno termina usando Tailwind, BEM, OOCSS Y SASS
No digo que esta mal, solo que ahora estamos casi obligados a aprender todas estas arquitecturas para usarlas en un mismo proyecto 😁
Si OOCSS esta enfocado en separar lo estructural de la apariencia, porque el pokemon-card que al parecer mantiene la apariencia, tiene elementos de estructura como flex, column y align?