Suele suceder a menudo, que no nos cuestionamos lo que estamos haciendo y por que lo hacemos, en vez de eso, lo damos por sentado por que así nos lo muestran, y es poco común encontrar personas con conocimientos profundos como este servidor Dorian, que puede explicarnos el por que de las cosas, muy agradecido con usted bendiciones.
Hola, Adrián Aunque no soy programador web, he tenido curiosidad por aprender una base de frontend, y hacer mis tonterías con dibujos y animaciones en CSS. Pero siempre me he encontrado con cosas que no terminaba de entender por qué no respondían o no lo hacían como yo quería que lo hiciesen. Y los cursos y tutoriales que he visto me han generado más confusión que otra cosa. Ahora al ver tus vídeos ya me he dado cuenta de unos cuantas cosas que no estaba haciendo correctamente. Muchas gracias.
He visto varios tutoriales completos por UA-cam de CSS y eres el primero que explica bien con motivos el porque de todo, para mi es super importante porque para aprender hay que ``entender´´ lo que haces y gracias a ti lo entiendo. Muchas gracias.
No se que haría sin tus videos, enserio creia que hacia un buena práctica, gracias por existir y hacerme ver como funciona el mundo del codigo. Saludos DorianGod❤️
Me gusta que siempre das las explicaciones por la cual uno no debe hacer tal practica
2 роки тому
Bien por este curso, qué buena manera de enseñar y gracias por hablar también de las malas prácticas y dar el por qué. Te felicito, eres excelente profesor.
BUENAS NOCHES ADRIAN HASTA AHORA ME QUEDA BIEN CLARO SOBRE EL USO DEL MARGIN Y EL PADDING, YO SIEMPREUTILIZO EL NORMALIZE DESDE QUE VI TU CURSO EN EL 2019, PERO UNA COSA SI ES CIERTA QUE HAY MUCHOS DESARROLLADORES Q UE UTILIZAN EL MARGIN Y EL PADDING 0
Lo malo es que en la mayoría de cursos (academias online) o blogs los tutores usan esa mala practica de *{margin:0 padding:0} y por eso los que estamos empezando la usamos. Gracias por recomendar buenas practicas siempre
una cosa si yo no solo necesito el margen de abajo o cualquier otro margen pues seria normal margin: 100px auto 0; es que utilizar los shorthands de css es mucho mas cómodo que escribir margin-top: 100; margin-right: auto; margin-left: auto;
Dorian yo so soy de los que aprendi a usar margin:0 y padding: 0 con el selector universal *. Entonces mejor usar Normalice como ya habíamos visto en clases pasadas?
man en este vídeo recomiendas dar un margin cero a todo el body o al menu que esta en la barra de navegación? Porque el margin cero lo agarro todo el body y pensé que t referías solamente a la barra de navegación. Me imagino que t equivocast de ponerlo en el body y no en el header.
eso es lo que quiere saber que es lo que escribo en css no entiendo por que me esta dando tan duro aprender a usar css ya que html me parece mas facil de aprender ¿ que concejos me puedes dar?
Una duda, en los videos anteriores se mostró el uso de normalize.css, pero ese archivo ya tiene un margin 0 en body, ¿es buena práctica que lo vuelva a escribir en el archivo style.css?
Entendible todo. Pero por qué hay que restablecer el margin = 0 al Header. Dónde yace la conveniencia de hacerlo? Personalmente no me molesta si el navegador pone de antemano 8 px de margin. Es esto acaso un inconveniente? En tal caso entonces por qué? Gracias por contestar.
Buen vídeo. Pero si dejamos algunos margins y paddings por defecto y no los cambiamos en nuestro código porque nos parece que se ve bien, ¿todos los navegadores tienen esos mismos margins y paddings para los mismos elementos?
Para eso está el archivo de normalize que os comenté, para que todos los navegadores estén normalizados y partais siempre desde el mismo punto. Un saludo!
Hola!. ¿En el segundo error que marcás, ponerlo de esta manera también sería una mala práctica o sería correcto?. Porque de esta forma obtengo el mismo resultado y escribo una línea menos ya que obtengo la distancia del top y me quedan centrados los márgenes laterales. margin: auto; margin-top: 200px;
@@DorianDesings Gracias por tu respuesta Dorian, recien la veo. Estoy repasando de nuevo el curso, es muy bueno porque enseñas cosas que otros no. Tu contenido es de lo mejor en UA-cam en esta área, gracias por tanta calidad.
Todavía no me queda claro por qué es mala práctica poner * {margin 0, padding 0}. Cuál es la idea de dejar los valores por defecto si al final los vamos a cambiar todos. Tú dices que es para no tener que poner margin y padding elemento por elemento, pero eso es parte del proceso de diseño, no veo cuál es el problema. Tú eres desarrollador experimentado y yo un principiante, por eso me gustaría entender una razón más convincente. Gracias.
En el proceso habitual de diseño no hay que asignar margin y padding a todos los elementos, sólo a algunos, y por experiencia suelen ser menos los elementos a los que se les asigna margin y padding que los que dejamos por defecto. Es mucho más fácil diseñar con esos valores por defecto que si empiezas desde 0 con todo. Un saludo! Espero que te sirva la explicación 😊
@@DorianDesings Sí, me ha quedado muy claro, confío en tu experiencia. Lo que pasa es que he visto otros cursos en línea y siempre dicen que es necesario poner todo en cero al principio de la hoja de estilos para anular todo parámetro que html traiga por defecto, por eso tenía eso instalado en mi mente. Pero como tengo poca experiencia en CSS no he llegado al punto de notar lo que tú planteas. Así que gracias por tu respuesta, sigo contigo hasta el final.
@@jorgevalenzuelasandoval2386 Yo creo que lo dicen es porque como somos novatos haremos mas código. O sea, el mismo en el video aclaro que escribiremos mas líneas de código y será innecesario.
En la mayoría de tutoriales usan *{margin:0; padding:0;} 😳 casi nadie explica que es una mala práctica. Hasta hoy me creía que eso era lo correcto pero ya veo que no...
Suele suceder a menudo, que no nos cuestionamos lo que estamos haciendo y por que lo hacemos, en vez de eso, lo damos por sentado por que así nos lo muestran, y es poco común encontrar personas con conocimientos profundos como este servidor Dorian, que puede explicarnos el por que de las cosas, muy agradecido con usted bendiciones.
Hola, Adrián
Aunque no soy programador web, he tenido curiosidad por aprender una base de frontend, y hacer mis tonterías con dibujos y animaciones en CSS. Pero siempre me he encontrado con cosas que no terminaba de entender por qué no respondían o no lo hacían como yo quería que lo hiciesen. Y los cursos y tutoriales que he visto me han generado más confusión que otra cosa.
Ahora al ver tus vídeos ya me he dado cuenta de unos cuantas cosas que no estaba haciendo correctamente.
Muchas gracias.
He visto varios tutoriales completos por UA-cam de CSS y eres el primero que explica bien con motivos el porque de todo, para mi es super importante porque para aprender hay que ``entender´´ lo que haces y gracias a ti lo entiendo. Muchas gracias.
No se que haría sin tus videos, enserio creia que hacia un buena práctica, gracias por existir y hacerme ver como funciona el mundo del codigo. Saludos DorianGod❤️
Siguiendo el curso de CSS, de Dorian.. tooooodoooosss son excelentes.. Saludos desde Venezuela 25/01/2024
Tienes razón, este reseteo está en todas partes... muy bien explicado y razonado, tomaremos nota 😉👍🏼
Esto es incleible, sin dudas un senior hecho y derecho!
Me gusta que siempre das las explicaciones por la cual uno no debe hacer tal practica
Bien por este curso, qué buena manera de enseñar y gracias por hablar también de las malas prácticas y dar el por qué. Te felicito, eres excelente profesor.
Genial las explicaciones... concisas, breves y con la logica necesaria para entender... buenisimo !!!
BUENAS NOCHES ADRIAN HASTA AHORA ME QUEDA BIEN CLARO SOBRE EL USO DEL MARGIN Y EL PADDING, YO SIEMPREUTILIZO EL NORMALIZE DESDE QUE VI TU CURSO EN EL 2019, PERO UNA COSA SI ES CIERTA QUE HAY MUCHOS DESARROLLADORES Q UE UTILIZAN EL MARGIN Y EL PADDING 0
Lo malo es que en la mayoría de cursos (academias online) o blogs los tutores usan esa mala practica de *{margin:0 padding:0} y por eso los que estamos empezando la usamos. Gracias por recomendar buenas practicas siempre
Si, me paso en platzy...
@@blancablacido9770se dice el pecado, no el pecador
Una pregunta: es buena practica colocar en el selector universal *{ box-sizing : border-box;}?
Te amo Dorian ♥
gracias por toda la informacion de este preciado canal !!!
Gracias Muy buena aclaración. Tu eres el de píldoras informáticas ?
el mejor profe del puto mundo,sos crack chabon,gracias por todo
Está genial tú contenido 🤝 Gracias
ay muchas gracias!!, ahora muchos de mis problemas con css tienen sentido!
Hasta ahora lo hacía mal. Muchas gracias
una cosa si yo no solo necesito el margen de abajo o cualquier otro margen pues seria normal margin: 100px auto 0; es que utilizar los shorthands de css es mucho mas cómodo que escribir margin-top: 100; margin-right: auto; margin-left: auto;
Dorian yo so soy de los que aprendi a usar margin:0 y padding: 0 con el selector universal *.
Entonces mejor usar Normalice como ya habíamos visto en clases pasadas?
tocaras el tema de overflow y dorian yo uso normalize, pero en el selector universal si reseteo el modelo de caja
man en este vídeo recomiendas dar un margin cero a todo el body o al menu que esta en la barra de navegación? Porque el margin cero lo agarro todo el body y pensé que t referías solamente a la barra de navegación. Me imagino que t equivocast de ponerlo en el body y no en el header.
Tenes razon yo me di cuenta de eso y digo el se confundio habra querido aplicarle margin 0 a la cabecera
eso es lo que quiere saber que es lo que escribo en css no entiendo por que me esta dando tan duro aprender a usar css ya que html me parece mas facil de aprender ¿ que concejos me puedes dar?
muchas gracias por este excelente contenido y bien explicado.
Una duda, en los videos anteriores se mostró el uso de normalize.css, pero ese archivo ya tiene un margin 0 en body, ¿es buena práctica que lo vuelva a escribir en el archivo style.css?
x2
No, no es buena practica, es mejor no poner de nuevo eso.
Entendible todo. Pero por qué hay que restablecer el margin = 0 al Header. Dónde yace la conveniencia de hacerlo? Personalmente no me molesta si el navegador pone de antemano 8 px de margin. Es esto acaso un inconveniente? En tal caso entonces por qué? Gracias por contestar.
No entendi yo no hablo mutio bien espanol, em este video oste habla que es mehor usar padding:0 e margin:0 en lo body para no atrapalhar mutio?
body {margin: 0;} me exploto la cabeza con esto... aunque parece una tontera en mi inexperiencia no sabia como solucionar esto
totalmente agradecido
Gracias capo.
muy claro todo, gracias Dorian. Pareces una enciclopedia, me da envidia. Saludos.
Excelente Dorian
Buen vídeo. Pero si dejamos algunos margins y paddings por defecto y no los cambiamos en nuestro código porque nos parece que se ve bien, ¿todos los navegadores tienen esos mismos margins y paddings para los mismos elementos?
Para eso está el archivo de normalize que os comenté, para que todos los navegadores estén normalizados y partais siempre desde el mismo punto. Un saludo!
Estupendo !
y en ves de margin:0 y paddinh 0, que usar?
Cuando se viene el avanzado? El curso es excelente. Muchas gracias.
En los próximos meses tendréis disponible el curso de CSS intermedio y CSS avanzado en Udemy. Os iré informando por mis redes sociales.
Muy buen video
muy buenos videos eh aprendido bastante
Buenisimo, gracias!
buenas recomendaciones
¡Eres el mejor!
Hola!. ¿En el segundo error que marcás, ponerlo de esta manera también sería una mala práctica o sería correcto?. Porque de esta forma obtengo el mismo resultado y escribo una línea menos ya que obtengo la distancia del top y me quedan centrados los márgenes laterales.
margin: auto;
margin-top: 200px;
De esa forma estarías poniendo el margin-bottom:auto y no siempre querrás eso...
Está feo darse like a uno mismo...
@@sergioag1400 Más feo está comentar cosas que no aportan nada a nadie.
@@DorianDesings Gracias por tu respuesta Dorian, recien la veo. Estoy repasando de nuevo el curso, es muy bueno porque enseñas cosas que otros no. Tu contenido es de lo mejor en UA-cam en esta área, gracias por tanta calidad.
¿Recomendarías entonces hacer uso de algo como Normalize.css?
Hablo de ello en el video de resetear estilos del navegador...
Fatal cuando ponen *{padding y margin} sigo viendo algunos vídeos de canales en inglés donde usan eso 😪
Lo acabo de ver en la pagina oficial de la W3C :O ¡Que bueno haberme encontrado con esta valiosísima información! ¡Gracias Dorian!
Todavía no me queda claro por qué es mala práctica poner * {margin 0, padding 0}. Cuál es la idea de dejar los valores por defecto si al final los vamos a cambiar todos. Tú dices que es para no tener que poner margin y padding elemento por elemento, pero eso es parte del proceso de diseño, no veo cuál es el problema. Tú eres desarrollador experimentado y yo un principiante, por eso me gustaría entender una razón más convincente. Gracias.
En el proceso habitual de diseño no hay que asignar margin y padding a todos los elementos, sólo a algunos, y por experiencia suelen ser menos los elementos a los que se les asigna margin y padding que los que dejamos por defecto. Es mucho más fácil diseñar con esos valores por defecto que si empiezas desde 0 con todo. Un saludo! Espero que te sirva la explicación 😊
@@DorianDesings Sí, me ha quedado muy claro, confío en tu experiencia. Lo que pasa es que he visto otros cursos en línea y siempre dicen que es necesario poner todo en cero al principio de la hoja de estilos para anular todo parámetro que html traiga por defecto, por eso tenía eso instalado en mi mente. Pero como tengo poca experiencia en CSS no he llegado al punto de notar lo que tú planteas. Así que gracias por tu respuesta, sigo contigo hasta el final.
@@jorgevalenzuelasandoval2386 Yo creo que lo dicen es porque como somos novatos haremos mas código. O sea, el mismo en el video aclaro que escribiremos mas líneas de código y será innecesario.
4:26 podrias haber usado margin:100px auto 0; , cierto? de ese modo le das 100px de margen arriba , automatico a los costados y 0 abajo.
ya no vuelvo a poner mi padding:0 :c
En la mayoría de tutoriales usan *{margin:0; padding:0;} 😳 casi nadie explica que es una mala práctica. Hasta hoy me creía que eso era lo correcto pero ya veo que no...
Excelente👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👍🏻
Crack, nunca las probare
Dislike porque el reset no se toca
??