🚀Reset CSS: Modo PRO 😏 | Eduardo Fierro Pro

[@EduardoFierroPro]

🔥Vídeos QUE NO DEBES PERDERTE kzbin.info/www/bejne/pH22dayEnceIpLs 🔝 TRABAJAR cómo DESARROLLADOR kzbin.info/www/bejne/pH22dayEnceIpLs 🤯Explicando conceptos COMO NUNCA antes HABÍAS VISTO kzbin.info/www/bejne/rHuTd6uPl7upac0 🛠RECURSOS para PROGRAMADORES kzbin.info/www/bejne/aqKnZYaQZrSNopI 😎TRUCOS para PROGRAMAR MÁS RÁPIDO kzbin.info/aero/PLJpymL0goBgGg01K8cK5zi17WhSzhyG2L ¡Dale a amor al vídeo, un like y suscríbete! 😊

[@ArturoHDZG]

¡Esto vale oro! Exactamente lo que estaba buscando, pensaba construirme mi propio reset porque los más famosos no me gustaban al 100%, te felicito, excelente trabajo maquina!

[@EduardoFierroPro]

Muchísimas gracias por el apoyo Arturo!!! 😊

[@leonisocamponieves8941]

¡Muchas gracias!

[@EduardoFierroPro]

A ti Leonis!! 😊

[@bonigustavo7327]

Genial el reset !!! Gracias x tu colaboración a la comunidad !

[@EduardoFierroPro]

Muchas gracias Boni!!! 😊

[@DAVIDIL81]

vaya tela!!! y yo que pensaba que el CSS eran 4 cositas de nada... gracias por estos videos!!!

[@EduardoFierroPro]

Muchas gracias a ti por el comentario David!! 😀

[@davidramirez9727]

vengo del video de metodologia BEM, tu contenido esta brutal,saludos viejo!ah y me suscribo!!

[@EduardoFierroPro]

Buenísimo!!!! Muchas gracias por suscribirte David!!

[@rocodev23]

Vine a KZbin a despejar un poco la mente y me encontré soluciones. Voy hacer uso del reset, con su permiso. Saludos desde Argentina 😁

[@EduardoFierroPro]

Pues úsalo y a darle duro Rodrigo 😊

[@diegomoscaizaanampa2210]

Hola Eduardo EL CAPO, he tomado una parte de tu video y me ha solucionado un problema que tenia horas. Se agradece tus pro-tips

[@mardev369]

Tremenda clase , mis respetos Edu, hace poco empece en esto del frontend, Y este video es de Masters, espero encontrar el hilo para comenzar y llegar a este nivel, Gracias

[@WartonOsorio]

Hola, definitivamente aprendí la importancia del reset, gracias por el aporte ya lo estoy aplicando como base en mi proceso de aprendizaje. Abrazos!!!

[@EduardoFierroPro]

Vaamos!!! 🎉

[@randolphcarter8283]

El video se quedó recorto, uff tremendo regalo al final bro, estaba viendo el video y lo iba adaptando a mi proyecto con sass, Gracias Edu, eres de mis ytbs favoritos para ir aprendiendo sobre web

[@cerm88]

Excelentísimo vídeo! Yo usao mucho Sass con dos file, el de base y reset, base para propiedades por defecto de acuerdo al diseño del proyecto y reset para da propiedades por igual a todos los navegadores! He tomado muchas cosas de este vídeo que me servirán seguramente como referencia!

[@EduardoFierroPro]

Muchas gracias a ti Carlos por el comentario! 😊 Esa es una estructura mola para comenzar a organizar proyecto 👌🏼

[@astrixwr5662]

Muchas gracias por tus conocimientos, 🍀

[@EduardoFierroPro]

A ti por este y los otros comentarios Astrix!! Tu apoyo es genial 😊

[@ldiazortiz]

Edu en serio eres espectacular. Si te hubiese conocido antes me habría ahorrado mucha frustración. En fin, que bueno que te encontré. 👍🏽😉

[@EduardoFierroPro]

Muchas gracias por el comentario Lourdes!!! 😊 Me alegra muchísimo que te sirva el contenido!!

[@yagorodi]

Sos un genio, muy buen video 👏

[@EduardoFierroPro]

Muchas gracias Yago!! 😊

[@CYBERKRANE]

Reset Fierro, con tu permiso voy a usarlo de ahora en mas en todos mis proyectos.

[@EduardoFierroPro]

Tienes mi permiso!! 😊

[@FuricaTV]

Me gusto mucho el video, muchas gracias!!! Quisiera usar ese reset

[@EduardoFierroPro]

Gracias Camila!! 😊Puedes descargarlo desde mi Github 👉 github.com/eduardofierropro/Reset-CSS

[@carlosbult]

Increíble este contenido!!

[@EduardoFierroPro]

Muchas gracias Carlos!!! Me alegra que te guste!! 😊

[@sacri2712]

Espectacular vídeo y que gran descubrimiento de tu canal!

[@EduardoFierroPro]

Muchísimas gracias Sacri!! 😊

[@juan_arias]

Excelente vídeo, ya espero el siguiente video.

[@EduardoFierroPro]

Muchas gracias!! Mañana toca metodologías! 😊

[@juanfranco7259]

Muy buena crack! Que sigas con el buen trabajo!

[@serpentuario]

Antes mis proyectos eran feos y deformes desde que empeze a usar resetpro oh mi dios! Mi vida a cambiado todo se ve bonito fluido y centado, YAME YA 😂 Que bueno que compartas estas cosas te dejo mi like mas que merecido

[@mordorr1958]

Terrible video Edu ! Te pasaste, totalmente recomendable para todo Frontend Developer, sigue así (y)

[@EduardoFierroPro]

Muchísimas gracias cruck!! 😎

[@user-yz5hj3zg2x]

Muchas gracias por toda la información

[@EduardoFierroPro]

A ti por el comentario!!😀

[@joselu___1746]

ereh un máquina!

[@EduardoFierroPro]

Muchas gracias Joselu!!! 😊

[@monsterleagueescritas]

Lo usare en mi próximo proyecto, use normalize pero ajustaba cosas, la tuya me parece muy acertada

[@EduardoFierroPro]

Espero que te sirva! 😊 Recuerda que lo más importante es que tengas una base que controles 🤘

[@SonGoku-pc7jl]

habia visto algunos videos tuyos y me ayudaron en cositas de mi primer proyecto (dsp de un año encerrado aprendiendo javascript). Sobretodo pq la norma principal del proyecto es que sea mobile first y de eso no havia estudiado nada, css basico la primera semaana que empezé hace un año y lo justo para poner botones y cosas para probar cosas de backend que es lo que más aprendí. Pero este video de este pedazo de reset ha sido maravilloso, no solo pones el código sinó que lo explicas genial! me encantó y me salvará de muchos dolores de cabeza, graciás. Voy a ver algunos videos más tuyos para acabar de sincronizarme con la idea de mobile first y algo de position relative absolute que no se como hay cosas que me han funcionado porque lo entendia al revés xD y mucho del curro es trabajar botones i cosillas encima de imagenes por diferentes lados y me lia mucho que si position, flex, grid, mobile first, width, max-width, contenedor de la imagen etc.. hay momentos en que noto entenderlo y puedo avanzar hasta que me atasco y decidir ir a reaprender lo olbidado o encontrar mejor info que lo esperado es oro. de echo antes del video me apunté en un postid, y luego busco reset para mobile first! y tachán, en el mismo video das regalitos :D a ver si tengo suerte y en estos dias das más tips para mobile first que en español no hay casi nada y mirar ingleses subtitulados es más costoso aparte de peligroso por la facilidad de entender algo mal comparado a aprender algo en el propio idioma sin una mala traducción de google que es muy buena pero con lo del absolute relative entenderlo al revés creo que viene de eso jeje, perdón por mensaje largo pero el video ha sido muuuuy inspirador, voy a basar si no todo muchisimos curros con este reset que como dice el titulo es modo pro 2022, tendria que llebar tu nombre! ;) gracias por compartir hermano!

[@javiergraphico]

Super genial, Gracias Eduardo!

[@EduardoFierroPro]

Me alegro que te sirva Javier!! 😊Gracias a ti por le comentario!

[@Catto33]

Buen contenido bro, recién empiezo en esto y soy muy exigente con lo mínimo, habia visto el reset de normalizee y meyer pero no me gustaban, ahora miro mas a profundidad cada cosa de tu reset para tenerlo todo entendido.

[@EduardoFierroPro]

Muchas gracias Catto!! 😊 Lo importante del reset es que se adapte a nuestra forma de maquetar por lo tanto sigue investigando y ver qué cosas te pueden ayudar 😊

[@JesusPetit5]

Que buen recurso, gracias Eduardo!

[@EduardoFierroPro]

Muchas gracias Jesús! 😊

[@danielbernal7468]

Como siempre, videos de exelente calidad y contenido. De verdad muchas gracias :)

[@EduardoFierroPro]

Muchas gracias Daniel!! 😊😊

[@diegoberistaindelamora6594]

El mejor maestro

[@ezequielgarcia4609]

Que buen vídeo, ya usaba un reset personalizado pero esta que has enseñado es mejor, tiene mas cositas interesantes. Me ha gustado y sobretodo impaciente con sass porque lo he descubierto hace poco y la verdad que no puedo pasarme de él. Gracias por este estupendo vídeo. 😉😉

[@EduardoFierroPro]

Muchas gracias Ezequiel! Como siempre digo, lo importante es que el reset se adapte a tu forma de maquetar 👌🏼

[@tomasarcaria4058]

Hola Edu! Te encontré en youtube hace poco tiempo y tus videos me parecen geniales para aprender y entender cómo funcionan todas estas tecnologías front end. Tremendo el video! Muchas gracias por explicar todo lo referido a reseteo de estilos. Voy a probar el código que creaste, y gracias también por compartirlo!! Saludos desde Argentina!

[@EduardoFierroPro]

Muchísimas gracias Tomás!!! Muchas gracias por tu apoyo! 😊

[@susalvadorburns5230]

Esto es lo q buscaba vengo del otro video del portfolio xd

[@EduardoFierroPro]

Jajaja lo acabo de ver! 🤣

[@ivan_fadu]

Gracias por tanto Edu !!! Cada vídeo con más calidad y contenido claro para los que recién empezamos, pero también para quienes ya estén avanzados. Un abrazo desde Argentina !

[@EduardoFierroPro]

Gracias a ti por el comentario Iván! 😊 poco a poco iremos avanzando en cosas más avanzadas!

[@aldairgonzalez253]

Exelente video

[@EduardoFierroPro]

Muchas gracias Aldair! 😊

[@maskdesk]

veremos que tal nos va con este reset que por cierto agradezco que hayan actualizado la repo, ya parecia abandonado

[@EduardoFierroPro]

Para nada! Toca subir nueva versión y estoy en proceso de algunos cambios!! 😊

[@leninlima416]

Excelente!

[@EduardoFierroPro]

Gracias Lenin!!!

[@ivanrodriguez3405]

Buen vídeo eh, aquí entre tu y yo Edu. Recomiendas usar el famoso font-size: 62.5%? y por qué? dependiendo de tu opinión claro esta

[@EduardoFierroPro]

Buenas Iván! Hablaré de eso en un futuro vídeo, pero no es mala técnica para evitar hacer cálculos. Si de esa forma maquetas mejor... úsala 😊

[@thiagomonteiromarques285]

Muito obrigado por este conteúdo incrivel.

[@EduardoFierroPro]

Gracias!!! 😊

[@Yachost]

Espectacular! Edu cuando subes el video aplicando resets en SASS?

[@EduardoFierroPro]

Muchas gracias Yelson!! 😊 Pues mira aquí tienes varios que he subido estos días 😊 ✔️ Menú horizontal con HTML, SCSS y TypeScript kzbin.info/www/bejne/npqpnZhroaekmc0 ✔️ Menú horizontal en BEM con HTML, SCSS y TypeScript kzbin.info/www/bejne/i4DdepuYr7WWhs0 ✔️ Menú horizontal en SUITCSS con HTML, SCSS y TypeScript kzbin.info/www/bejne/lWmYna2aiKmgqtk ✔️ Menú horizontal en BEM con ANGULAR kzbin.info/www/bejne/r37SaKF5na2UbtE ✔️ Menú horizontal en SUITCSS con REACTJS kzbin.info/www/bejne/mISVhn2jh7Sreac En todos ellos uso ese reset 🤘

[@danielcolmenares8234]

excelente video

[@EduardoFierroPro]

Muchas gracias Daniel! 😊

[@tradingpiranha5548]

Hola ¿Qué tal? Muy buen contenido ¿Ya no se puede poner "primer opción" y "segunda opción" en los colores?

[@EduardoFierroPro]

Hola Trading! Es una plantilla donde tu puedes configurarla, así que puedes escribirla cuando quieras!

[@alexdavidhurtadoyeneris7116]

Muchas gracias

[@EduardoFierroPro]

Gracias a ti por el comentario Alex!!😊

[@miguelmontemayorrios8879]

Hola, gracias por tan genial contenido que realizas, me haz ayudado mucho a conocer mas a fondo CSS , me surgio una duda. Estoy en proceso de aprendizaje para full stack. Mi pregunta es, es necesario aprender de arquitectura CSS y el reset aunque gran parte de mi tiempo este solo usando React? Realmente vale la pena dedicarle tiempo a aprender alguna metodología para escribir CSS y el tema del reset aunque solo use React? Espero haberme dado a entender, saludos a la distancia!!!

[@EduardoFierroPro]

Buenas Miguel! Aprender una metodología o arquitectura es necesario si quieres tener un buen flujo de trabajo . El RESET es sólo la Base de una maquetación pero dedícale tiempo como mínimo una metodología (aunque sea para ReactJS). Te dejo unos enlaces por si quieres informarte del tema 😊 ✔️ Nomenclaturas CSS kzbin.info/www/bejne/opmoe56beK9md9U ✔️ Metodologías CSS kzbin.info/www/bejne/nGGvoY2lrr5knac ✔️ Arquitecturas CSS kzbin.info/www/bejne/qobPlaWim656mJY ✔️ Cómo aplicar SUITCSS en HTML y CSS kzbin.info/www/bejne/jJXQoJlvi7ice9E

[@miguelangelpiquerubeda1739]

El video genial....una cosita rapida. Como pones las manitas en el comentario...gracias crack!!!!!!!!

[@EduardoFierroPro]

Muchas gracias Miguel Ángel!! Pues en mi caso pulso CMD + Ctrl + Barra espaciadora en Mac😊 En Windows es pulsando Tecla Windows + ç. Un saludo!

[@jorgeasp746]

Gracias!!!

[@EduardoFierroPro]

A ti por el comentario Jorge!! 😊

[@sebastianmeneses1053]

Puedo utilizar el reset con sass? es decir lo agregaro con extension .css o .scss

[@EduardoFierroPro]

Por su puesto! Lo agregas con un importa y extensión .scss!

[@isaiasxd4453]

min 18:26 linea 135.... es color primario (como esta definido previamente) o como pusiste "color principal" ???????

[@davdev1987]

Hola Eduardo👋! hay alguna actualización es tu Reset a esta fecha? o podemos seguir paso a paso lo del video? saludos!! muchas gracias por tus increíbles videos! 👏

[@moviedev874]

Hay video del reset con Sass? no lo encuentro

[@josegrillo6867]

Amigo gracias por compartir.... tienes canal de discord????

[@EduardoFierroPro]

¡Por supuesto! Aquí va 😊 discord.gg/t4Txush

[@SanNicholas]

Pregunta: ¿Tailwind ya tiene implementado Reset CSS?

[@EduardoFierroPro]

Tailwind tiene su propio reset llamado Preflight! 😊 tailwindcss.com/docs/preflight

[@JV-ds6tk]

Que bonito quedó! Gracias por compartirlo. Una pregunta de novato, cuando uses el reset, cómo empiezas a aplicar otros estilos? En otro .css que sobreescribe el de reset?

[@thecreator5143]

si

[@andrespodadera5874]

Nada 3 cositas rápidas: 1- No se si es el programa que usas o el micro pero ¿no has notado como que se robotiza un poco tu voz en el vídeo?, a mi no me molesta pero por sino te habías dado cuenta. 2- Ya estaba arrancando el visual-studio para empezar a copiar, gracias por el github xDDD. 3- Buen vídeo, útiles consejos ;)

[@EduardoFierroPro]

JAJAJAJAJAJAJ está hecho a propósito!😅

[@DAVIDIL81]

Una pregunta... ese archivo de RESET o BASE como lo linkeas??? lo linkeas en el index.html o lo importas en el SCSS? (espero no haber preguntado una tontería?)

[@DAVIDIL81]

Ya lo he resuelto, solo tenía que ver tu GitHub

[@EduardoFierroPro]

Me alegro que lo hayas solventado, por si alguien se lo pregunta también. Se enlace siempre el CSS en el HTML pero por si acaso dejo el enlace a Github 👉github.com/eduardofierropro/Reset-CSS

[@albor_77]

@@EduardoFierroPro Seria el reset.scss verdad?! Recien estoy empezando , tengo q investigar q es scss. Gracias !!!!

[@ThePacmanPl4y]

El problema de esto es que luego no te das cuenta siquiera de lo que estas tocando, a veces es importante tener valores predefinidos, supongo que servirá solo para algunas cosas.

[@EduardoFierroPro]

Por eso comento en el vídeo teórico 👉 kzbin.info/www/bejne/mInUgYGljqt-btk que deben de ser una referencia y lo importante es saber qué problemas solventan 😊

[@imAlex414]

Hola, desde ya muchas gracias por el reset, estoy iniciando y me viene joya! Una pregunta, yo lo descargue pero hay lineas cambiadas, como donde en el video pones color por defecto negro y de fondo blanco , en el archivo que descargue esta solo en negro, y la parte de dark mode por ejemplo no esta. Queria saber si lo del video es posterior o ahora lo usas como esta el archivo. Al ser nuevo en esto no sabria cual de las dos formas elegir.

[@serpentuario]

Lo explica muy bien para que cada línea, lo mejor es probar y entender

[@webdeveloper8675]

Hola descargue css para utilizarlo, pero me salen todos los titulos transparente ahi solamente dos que se ven normal, esto es normal? y otra pregunta : puedo utilizar el link de reset pro para todos mis proyectos? en vez de normalize? soy principiante y estoy en pleno estudio de desarrollador web gracias...

[@jordiluquemontoliu6452]

Edu... no es "sin más dilatación", sería "sin más dilación"... por lo demás un video genial ... all right Cruck

[@EduardoFierroPro]

Jajajaja está a propósito!!

[@jordiluquemontoliu6452]

@@EduardoFierroPro 🤣🤣🤣🤣🤣

[@yamiyura3791]

a estas alturas de la vida ya no se usan las tablas en html, que cierto es eso?

[@EduardoFierroPro]

¡Caaaasi cierto! Las tablas se siguen usando pero muy poco comparado con antes, no está mal tenerlo "por si acaso". 😊

[@SalmonAhumado]

Cuidao con el "modo oscuro" de firefox, hace un modo oscuro parcial que no interpreta bien el reset pro

[@EduardoFierroPro]

Hola Sefora!! Lo he probado y me funciona bien 🤔 ¿en qué has visto que te falla? Coméntame y lo reviso para una futura actualización 😊

[@asbeldev3071]

Y si lo subes a npm, pa que no me olvide