Este video es muy sencillo pero tenia que hacerlo para responder una pregunta que me hacen frecuentemente. Espero que les sirva a los nuevos en CSS. Manita arriba al video si te gusto o sirvió 👍
Tu canal me a servido mucho estoy estudiando programación en preparatoria y cada semestre me enseñan un lenguaje nuevo o algo diferente y este semestre toco diseño de paginas web y tu canal me a servido mucho para la preparatoria y otros proyectos personales, sigue así. Gracias por toda la ayuda xD
¡Qué buen video! Siempre me ha costado que mi diseño se vea igual en todos los navegadores. 😅 ¿Alguien más ha tenido problemas con eso? Estoy empezando con сodigо herоe, ¡y me está encantando! 😊
Uno siempre vuelve al lugar donde fue feliz. Bro, he visto muchos cursos pagados en coursera, udemy, platzi, etc. Y este canal sigue siendo quién mejor explica los conceptos :)
Haz un vídeo sobre fuentes/tipografias más bonitas, elegantes, etc., para páginas webs. Y que tipo de fuentes quedan mejor para diferente tema/fin de cada página... Like para que lo vea👍🏻
Excelente consejo lo implemetare en mis proyectos. Soy nuevo en esto de front por lo general solo he hecho backend pero es bueno saber de todo un poco.
Estoy iniciando para tener un poco de conocimineto al respecto de como funcionan los navegadores y del desarrollo y esto me viene re bien,gracias falcon!
Que buen consejo de utilidad sobre el uso de CSS normalize... Siempre he utilizado el selector global para resetar los elementos. Pero ahora lo tendré en mente para mejorar mis proyectos.
es una buena opción para los que están iniciando, en mi caso no uso normalize, creo un archivo css llamado base donde pongo mi propio reset e inicializo ahí todos los estilos básicos, como h1, h2, a, etc. saludos.
Que bueno que hiciste este video, la verdad soy de los que ha optado por buenas prácticas y una de esas es usar Normalize en vez del reseteo express y ya que eres un influencer en el desarrollo web deberías impulsar el uso de buenas prácticas y digamos: ¡NO AL CODIGO 🍝 ESPAGHETTI! ja ja ja, que también es una mala práctica muy común y empecemos a hacer código limpio y eficiente, enhorabuena por este video bro.
Excelente aporte Carlos. Más videos como este donde resumidamente nos expliques algunas tecnologías estaría. Ahora entiendo mejor materialize. Gracias!
Excelente video, puedes hacer un video de como asegurarnos que nuestro CSS pueda correr en la mayoría de los navegadores y la forma correcta de ir colocando nuestro código CSS que va primero las clases o ids o selectores etc, gracias por tus videos.
Busca en su canal, todo lo que mencionas ya lo tiene en sus vídeos, de igual forma, puedes adquirir su curso de Diseño Web que tiene en Udemy, es completo y totalmente recomendable.
Hola, a pesar de las ventajas que trae normalize.css eh realizado pruebas donde se nota que las elementos de bloque (en todo caso con solo leer el codigo se sabe xD) NO tienen el modelo de caja seteado a border-box suponiendo el tipico quebradero de cabeza de tener que hacer los calculos para que todo encaje al considerar los anchos y alturas en layouts hechos con inline-block o float..espero alguien tome en cuenta esto e incluya el seteo con herencia (la mejor opcion) del modelo de caja..chau Gracias buen video...
Quería sacarme una duda sobre normalize ya que soy nuevo en el área de aprendizaje en diseño web, por ejemplo: si es el mejor método actual para solucionar los bugs o incovenientes de los navegadores , y la verdad que tu vídeo me despejó las dudas!! Muy buen video 🔥🔥👌🏻
pero solo con normalizer no es suficiente para quitar los padding y margin, tendriamos que utilizar igualmente margin:0 padding:0 y box-sizing: border-box . alguien hizo pruebas????
yo pongo el normalize y mas que ayudar me molesta por que al poner margin a las " cajas" por separado no me funciona y cuando le quito el normalize ahí recién puedo editar bien. ¿ qué tan importante es usar el normalize ? es que poniendo la misma etiqueta que usas al comienzo de todo me funciona mejor. no se si mi normalize este roto o algo asi jajajaja
Muy buen vídeo carlos, podrías hace vídeo de como hacer un slider de imágenes, ya que hay varios pero muy antiguos. Saludos desde Colombia y gracias por compartir tus conocimientos
muchas gracias bro, tenia un problema y es que no se aplicaba, pero me di cuenta que ponia el normalize en otra carpeta :,v pero ya me di cuenta mi error gracias por tu video :3
a mi me tocó colocar el box-sizing manual, porque el normalize no lo pone. Sería una mala práctica hacerlo como al comienzo? porque realmente uno no requiere normalizar tantas etiquetas que ni usa.
Es cierto, lo que pasa es que el border-box deberías aplicarlo también solo a los elementos que deberías usarlo, pero una vez mas por ahorrar pasos lo ponemos en la regla universal *
Recientemente vi un video donde usaban normalize y a su vez en la parte superior del documento agregaban el selector universal con el código corto que muestras al principio: * { padding:0; margin:0; box-sizing: border-box; } ¿Funciona? Porque a mí no, simplemente quita el margin, mas no el padding.
Ante todo Hola, tengo un problema al crear el responsive, siempre me queda un scroll en la pagina. Voy a probar con Normalize, espero me funcione, gracias
No lo he tomado mucha importancia, pero en los frameworks me pregunto si ya de por si, ya tienen su normalize, no se si lo usas para trabajos ? Gracias por esta recomendación, ayuda mucho !!!
Este video es muy sencillo pero tenia que hacerlo para responder una pregunta que me hacen frecuentemente.
Espero que les sirva a los nuevos en CSS.
Manita arriba al video si te gusto o sirvió 👍
*Tienes un excelente canal y contenido útil quiero contactarte por tu Facebook personal me lo puedes dar por Gmail*
Excelente contenido bro.
Tu canal me a servido mucho estoy estudiando programación en preparatoria y cada semestre me enseñan un lenguaje nuevo o algo diferente y este semestre toco diseño de paginas web y tu canal me a servido mucho para la preparatoria y otros proyectos personales, sigue así. Gracias por toda la ayuda xD
pero el box-sizing casi no lo toca normalize entonces seria de dejarlo con border-box para todos los elementos siempre?
De verdad maestro nos ayudas muy bien con tus consejos, muchas gracias
¡Qué buen video! Siempre me ha costado que mi diseño se vea igual en todos los navegadores. 😅 ¿Alguien más ha tenido problemas con eso? Estoy empezando con сodigо herоe, ¡y me está encantando! 😊
Estos son pequeños detallitos que te hacen la vida mas fácil, se agradece este tipo de contenido...
Estoy muy acostumbrado a poner siempre esos estilos universales, pero creo que ahora empezare a utilizar normalize, buen consejo :D
Yo igual hermano
Uno siempre vuelve al lugar donde fue feliz. Bro, he visto muchos cursos pagados en coursera, udemy, platzi, etc. Y este canal sigue siendo quién mejor explica los conceptos :)
Muchas gracias
De hecho yo vengo de un curso de Platzi donde recomiendan este video en los comentarios jsjs
Haz un vídeo sobre fuentes/tipografias más bonitas, elegantes, etc., para páginas webs. Y que tipo de fuentes quedan mejor para diferente tema/fin de cada página...
Like para que lo vea👍🏻
Puedes utilizar Google Fonts
Excelente consejo lo implemetare en mis proyectos. Soy nuevo en esto de front por lo general solo he hecho backend pero es bueno saber de todo un poco.
men tu eres mi idolo gracias a ti me he abierto a un mundo nuevo y poder entenderte. encerio gracias nunca cambies.
Estoy iniciando para tener un poco de conocimineto al respecto de como funcionan los navegadores y del desarrollo y esto me viene re bien,gracias falcon!
Gracias a este video he conseguido traducir mi normalize de Castellano a Inglés. Enhorabuena por el video.
Tenía idea de que existía esto y no sabía cómo utilizarlo, pero tu lo explicas muy claramente! Ya me suscribí... Gracias!
Gracias Carlos,
Estos pequeños detalles aportan demasiado al aprendizaje!
Depende de cada uno, en mi caso siempre uso box-sizing para evitar problemas de las dimensiones de border, margin en las cajas
Que buen consejo de utilidad sobre el uso de CSS normalize... Siempre he utilizado el selector global para resetar los elementos. Pero ahora lo tendré en mente para mejorar mis proyectos.
A mi normalize me lleva salvando la vida desde hace años es muy bueno, pero nadie hablbaba antes de ello
Amigo, excelente canal, te sigo desde hace un poco de tiempo y me gusta como explicas los videos, sigue así
.
gracias amigo, oportuno como siempre, con esto nos ayudas a eliminar futuros dolores de cabeza, saludos desde Caracas....
es una buena opción para los que están iniciando, en mi caso no uso normalize, creo un archivo css llamado base donde pongo mi propio reset e inicializo ahí todos los estilos básicos, como h1, h2, a, etc. saludos.
Genial, gracias por la ayuda FalconMasters, Un saludo desde Paraguay :D
Gracias a vos estoy aprendiendo mucho :)
Pequeños tips y recomendaciones que ayudan bastante. ¡Mil gracias! :D
Buen consejo, lo acabo de ver en tu curso y la verdad que es bastante cómodo 👍
Es algo muy importante! Gracias FalconMaster :D!
Que bueno que hiciste este video, la verdad soy de los que ha optado por buenas prácticas y una de esas es usar Normalize en vez del reseteo express y ya que eres un influencer en el desarrollo web deberías impulsar el uso de buenas prácticas y digamos: ¡NO AL CODIGO 🍝 ESPAGHETTI! ja ja ja, que también es una mala práctica muy común y empecemos a hacer código limpio y eficiente, enhorabuena por este video bro.
Excelente aporte Carlos. Más videos como este donde resumidamente nos expliques algunas tecnologías estaría. Ahora entiendo mejor materialize. Gracias!
Gracias Falcon! Queria entenderlo y lo explicaste muy bien
Amé tu video, es muy útil y no te vas por la ramas, gracias amigo
Excelente video, puedes hacer un video de como asegurarnos que nuestro CSS pueda correr en la mayoría de los navegadores y la forma correcta de ir colocando nuestro código CSS que va primero las clases o ids o selectores etc, gracias por tus videos.
Busca en su canal, todo lo que mencionas ya lo tiene en sus vídeos, de igual forma, puedes adquirir su curso de Diseño Web que tiene en Udemy, es completo y totalmente recomendable.
@@miguelantoniogonzalezgerma2147 gracias vamos a buscarlo
Yo trabajo con Sass y siempre importo un archivo de boostrap que lo que hace es reiniciar todos eso valores de los navegadores... Muy útil
Muchas gracias falcon no lo entendia muy bien y no sabia que otra solucion optima existia gracias
Excelente, yo uso el selector universal 🤣 pero me parece genial usar normalize. Gracias por este aporte
Gracias FalconMasters. Saludos desde Bolivia.
Hola, a pesar de las ventajas que trae normalize.css eh realizado pruebas donde se nota que las elementos de bloque (en todo caso con solo leer el codigo se sabe xD) NO tienen el modelo de caja seteado a border-box suponiendo el tipico quebradero de cabeza de tener que hacer los calculos para que todo encaje al considerar los anchos y alturas en layouts hechos con inline-block o float..espero alguien tome en cuenta esto e incluya el seteo con herencia (la mejor opcion) del modelo de caja..chau
Gracias buen video...
amigo lo que dices es que coloques border-box: en otra oja aparte ?
@@bluefutbol1515 Yo suelo agregarle adicional el border box y tambien en img { max-width: 100%
como sería corregir eso?
Muy importante, sali de varias dudas. Muchas gracias!!
Excelente espero algún día explicar tan bien como tú :D
Me gusta como explicas, gran aporte!!
Grande Falcon!!!! me ayudante un monton para la facultad
Excelente recomendación "Normalize" para reset del css
Excelente consejo, muchas gracias, lo pondre en practica!
¡Muchas gracias, Carlos! 👌
MUCHISIMAS GRACIAS HERMANO !!!!!! enserio!!!!
Muy buenos tus tutoriales, ya tome los de UA-cam y ahora estoy tomando los de udemy, los haces muy interesantes, gracias
Gracias por la pasión en enseñar esto, me motivan tus vídeos
Me alegra que te sirvan mis videos :)
Excelente video como siempre!
Muy buen aporte! muchas gracias
El gran normalize !!!! , buen tuto , aunque también uso algunos códigos de normalización por mi cuenta
Excelente gracias + Falconmaster por el consejo
¡No lo sabía! gracias, lo usaré.
Quería sacarme una duda sobre normalize ya que soy nuevo en el área de aprendizaje en diseño web, por ejemplo: si es el mejor método actual para solucionar los bugs o incovenientes de los navegadores , y la verdad que tu vídeo me despejó las dudas!! Muy buen video 🔥🔥👌🏻
al utilizar normalize daña las librerias com tailwind o bootstrap entonces genera una controversia en los stilos
Genial, no tenía claro para qué.
Gracias! Muy buena información!
Buenisimo el tip gracias falcon!
Gracias por el consejo, lo aplicaré.
Gracias, muy buen video. Tienes consejos para elegir una Font adecuada? Saludos.
Genial, algo para hacer más pesada mi página del lo necesario en vez de investigar para hacer un trabajo más optimizado :D
No es pesado. Apenas pesa 6 kilobytes!
Para ponerlo en comparativa, una imagen optimizada en tamaño y peso suele pesar 500kb
Entonces deberia utilizar siempre el normalize? es decir en cada proyecto que quiera hacer? estoy iniciando en esto, muchas gracias
Si, es buena idea hacerlo.
@@FalconMasters muchas gracias por responder
Gracias FalconMaster por el video por que yo ya hiba a trabajar en CSS y me di cuenta lo que no debo hacer
Gracias
Genial FalconMasters !!!
Saludo maestro desde África
Excelente, no lo sabía!. Saludos.
Excelente aporte, gracias!
No sabia que se podia importar dos hojas de estilos en un mismo documento html.
Gracias!
Muchas gracias por compartir, ya me suscribí a tu canal
Hola. Quisiera saber cuál es el tipo de fuente que estás usando en tu visual code. Gracias.
gracias por el video, muy bueno y bien explicado.
pero solo con normalizer no es suficiente para quitar los padding y margin, tendriamos que utilizar igualmente margin:0 padding:0 y box-sizing: border-box . alguien hizo pruebas????
Si, me pasa lo mismo.
Para bootstrap tambien habría que realizar este reinicio?
yo pongo el normalize y mas que ayudar me molesta por que al poner margin a las " cajas" por separado no me funciona y cuando le quito el normalize ahí recién puedo editar bien.
¿ qué tan importante es usar el normalize ?
es que poniendo la misma etiqueta que usas al comienzo de todo me funciona mejor.
no se si mi normalize este roto o algo asi jajajaja
te diste cuenta por qué pasaba?
Necesito tu opinion bro
muy buen aporte, gracias
Muy buen vídeo carlos, podrías hace vídeo de como hacer un slider de imágenes, ya que hay varios pero muy antiguos. Saludos desde Colombia y gracias por compartir tus conocimientos
No mms lo que me acabas de simplificar muchas cosas. Gracias.
Muchas gracias por la información
muchas gracias bro, tenia un problema y es que no se aplicaba, pero me di cuenta que ponia el normalize en otra carpeta :,v pero ya me di cuenta mi error gracias por tu video :3
Te amo Falcon!!
Gracias, que buena explicacion.
Gracias por la información. Saludos Carlos.
Muchas gracias por este consejo.
a mi me tocó colocar el box-sizing manual, porque el normalize no lo pone. Sería una mala práctica hacerlo como al comienzo? porque realmente uno no requiere normalizar tantas etiquetas que ni usa.
Gracias amigo Falcon un video bueno enseña
Increíble, gracias! :)
Hola, pregunta... Normalize también resetea los estilos raros de Safari en ios? por ejemplo los input radio
Puedes utilizar la propiedad appearance: none; para quitar estilos por defecto de un input
Gracias, consejos qué valen oro ;)
carlos pero por ejemplo el normalize, no tiene el border-box tal cual lo aplicas vos en html. muy bueno el video
Es cierto, lo que pasa es que el border-box deberías aplicarlo también solo a los elementos que deberías usarlo, pero una vez mas por ahorrar pasos lo ponemos en la regla universal *
Recientemente vi un video donde usaban normalize y a su vez en la parte superior del documento agregaban el selector universal con el código corto que muestras al principio:
* { padding:0;
margin:0;
box-sizing: border-box;
}
¿Funciona? Porque a mí no, simplemente quita el margin, mas no el padding.
Excelente explicación..
Exelente aporte .FalconMasters
Muchas gracias por tus buenos consejos, aportan bastante :D
Tenga su like buen hombre.
Muchisimas gracias bro... eres duroo
Muchas gracias 🖤🖤🖤
:D
BUENISIMO !!!! PRFAVOR ME PODRIAS DECIR EN QUE LUGAR DE MI PAGINA WEB COLOCO ESTE CODIGO CSS ? MUCHAS GRACIAS FALCON
Muchas gracias, fue muy útil👌
Buen video Carlos, una pregunta, ¿Cómo se llama el tema que usas? Saludos
Deberia agregar en box.sizing en en normalice y el img{max.width: 100% ? , por que no lo veo por ningun lado.
Hola, estoy empezando con todo esto, y es muy buena la explicación, consulta, ese normalize, se puede usar libremente? o es de pago? gracias
Si, es gratuito :)
oye tío @FalconMasters, con la update 2004 los select al hacerles hover se me ponen azules
Ante todo Hola, tengo un problema al crear el responsive, siempre me queda un scroll en la pagina. Voy a probar con Normalize, espero me funcione, gracias
Excelente dato. Like 👍
No lo he tomado mucha importancia, pero en los frameworks me pregunto si ya de por si, ya tienen su normalize, no se si lo usas para trabajos ? Gracias por esta recomendación, ayuda mucho !!!
Si, la mayoría, como bootstrap ya lo tienen por defecto.
Buen dato. Muchas gracias.