Consejo para Principiantes: Evita hacer esto en tus Proyectos de CSS.

[@FalconMasters]

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ó 👍

[@SismicoViajero]

*Tienes un excelente canal y contenido útil quiero contactarte por tu Facebook personal me lo puedes dar por Gmail*

[@ischannelprivatedevelopmen3217]

Excelente contenido bro.

[@leolopez9875]

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

[@MasterWilliamVasquez]

pero el box-sizing casi no lo toca normalize entonces seria de dejarlo con border-box para todos los elementos siempre?

[@aboukeita6627]

De verdad maestro nos ayudas muy bien con tus consejos, muchas gracias

[@moisesg9472]

Estos son pequeños detallitos que te hacen la vida mas fácil, se agradece este tipo de contenido...

[@emanuelmejia4525]

Estoy muy acostumbrado a poner siempre esos estilos universales, pero creo que ahora empezare a utilizar normalize, buen consejo :D

[@Juandacrazy]

Yo igual hermano

[@joserobertovasquezluna3135]

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👍🏻

[@nellyhernandez7087]

Puedes utilizar Google Fonts

[@Moustacheru]

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 :)

[@FalconMasters]

Muchas gracias

[@lestherxm]

De hecho yo vengo de un curso de Platzi donde recomiendan este video en los comentarios jsjs

[@leandroleiros4120]

Gracias Carlos, Estos pequeños detalles aportan demasiado al aprendizaje!

[@galexbh]

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.

[@hectormaximoadam4053]

Depende de cada uno, en mi caso siempre uso box-sizing para evitar problemas de las dimensiones de border, margin en las cajas

[@saddammontiel4639]

men tu eres mi idolo gracias a ti me he abierto a un mundo nuevo y poder entenderte. encerio gracias nunca cambies.

[@TheSergiosevola]

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!

[@gustavoadolforamirezapache2053]

A mi normalize me lleva salvando la vida desde hace años es muy bueno, pero nadie hablbaba antes de ello

[@ppmejia9623]

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.

[@tomasoyono7928]

Gracias a este video he conseguido traducir mi normalize de Castellano a Inglés. Enhorabuena por el video.

[@blackstrato2216]

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!

[@carlosalbertosalazarmedina6288]

gracias amigo, oportuno como siempre, con esto nos ayudas a eliminar futuros dolores de cabeza, saludos desde Caracas....

[@davidticstorm4114]

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.

[@JohnnyDoubleP]

Buen consejo, lo acabo de ver en tu curso y la verdad que es bastante cómodo 👍

[@argel999]

Amigo, excelente canal, te sigo desde hace un poco de tiempo y me gusta como explicas los videos, sigue así .

[@giovannyvanegas88]

Excelente, yo uso el selector universal 🤣 pero me parece genial usar normalize. Gracias por este aporte

[@ensayogamer]

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

[@dr1ve384]

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 🔥🔥👌🏻

[@berling32]

Es algo muy importante! Gracias FalconMaster :D!

[@oscarrapray]

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.

[@lubinleonardo]

Pequeños tips y recomendaciones que ayudan bastante. ¡Mil gracias! :D

[@noeblackberry5209]

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.

[@miguelantoniogonzalezgerma2147]

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.

[@noeblackberry5209]

@@miguelantoniogonzalezgerma2147 gracias vamos a buscarlo

[@Junior-mo4yr]

Genial, gracias por la ayuda FalconMasters, Un saludo desde Paraguay :D Gracias a vos estoy aprendiendo mucho :)

[@broly6501]

Amé tu video, es muy útil y no te vas por la ramas, gracias amigo

[@kevinguzman1929]

Excelente aporte Carlos. Más videos como este donde resumidamente nos expliques algunas tecnologías estaría. Ahora entiendo mejor materialize. Gracias!

[@MarceloNajar]

Gracias Falcon! Queria entenderlo y lo explicaste muy bien

[@anomfb]

Muchas gracias falcon no lo entendia muy bien y no sabia que otra solucion optima existia gracias

[@camilorroa8835]

al utilizar normalize daña las librerias com tailwind o bootstrap entonces genera una controversia en los stilos

[@felixinit]

Excelente recomendación "Normalize" para reset del css

[@devangel1698]

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...

[@bluefutbol1515]

amigo lo que dices es que coloques border-box: en otra oja aparte ?

[@franklinalexiperezrojas8836]

@@bluefutbol1515 Yo suelo agregarle adicional el border box y tambien en img { max-width: 100%

[@carlcaravantsz1869]

como sería corregir eso?

[@JaimeTinoco]

Excelente consejo, muchas gracias, lo pondre en practica!

[@raul7254]

Para bootstrap tambien habría que realizar este reinicio?

[@davidv3xxx]

Muy importante, sali de varias dudas. Muchas gracias!!

[@TuPapaHL10]

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

[@anthonyeduardonunezcanchar4569]

El gran normalize !!!! , buen tuto , aunque también uso algunos códigos de normalización por mi cuenta

[@javiervaleriano2920]

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.

[@jorgemiguelvacamendoza5584]

Gracias FalconMasters. Saludos desde Bolivia.

[@AndySickler]

¡Muchas gracias, Carlos! 👌

[@jhonnylefter624]

Gracias por la pasión en enseñar esto, me motivan tus vídeos

[@FalconMasters]

Me alegra que te sirvan mis videos :)

[@yasecgaming5544]

Gracias FalconMaster por el video por que yo ya hiba a trabajar en CSS y me di cuenta lo que no debo hacer Gracias

[@victoraguilar7561]

Muy buenos tus tutoriales, ya tome los de KZbin y ahora estoy tomando los de udemy, los haces muy interesantes, gracias

[@miguelvasquez9849]

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.

[@aaronfabriciosantacruzvald8101]

Muchas gracias por la información

[@leonardolopez2614]

Gracias, muy buen video. Tienes consejos para elegir una Font adecuada? Saludos.

[@yamilmsilva]

MUCHISIMAS GRACIAS HERMANO !!!!!! enserio!!!!

[@FernandoGoni-eq2hg]

No sabia que se podia importar dos hojas de estilos en un mismo documento html. Gracias!

[@romuloalves9349]

Ótimo vídeo mais eu sempre usei o normalize.css desde que tive o conhecimento do que se tratava.Cara você sumiu diminuí um pouco o ritmo👍.

[@nestormojica160]

Gracias por el consejo, lo aplicaré.

[@reivaj.g1975]

Entonces deberia utilizar siempre el normalize? es decir en cada proyecto que quiera hacer? estoy iniciando en esto, muchas gracias

[@FalconMasters]

Si, es buena idea hacerlo.

[@reivaj.g1975]

@@FalconMasters muchas gracias por responder

[@keane080489]

Me gusta como explicas, gran aporte!!

[@_gomsem]

Funciona también para los navegadores móviles?

[@Dreamsdrummer4173]

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

[@abelsozamusic]

En 2024 es recomendable usar el normalize?

[@miguelangeldiazsantos7600]

Excelente gracias + Falconmaster por el consejo

[@gustavo-lh4xg]

Una pregunta, ¿es correcto hacer el sig codigo en CSS y aparte hacer el normalize? html{ box-sizing: border-box; font-size: 62.5%; } *,*:before,*:after{ box-sizing: inherit; }

[@readableline9890]

Excelente espero algún día explicar tan bien como tú :D

[@arthurttony]

Grande Falcon!!!! me ayudante un monton para la facultad

[@jherecaceres9698]

Buen video Carlos, una pregunta, ¿Cómo se llama el tema que usas? Saludos

[@thisisnotfuei]

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

[@FalconMasters]

No es pesado. Apenas pesa 6 kilobytes! Para ponerlo en comparativa, una imagen optimizada en tamaño y peso suele pesar 500kb

[@sebastianmeneses1053]

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

[@ivandavidmuinos4967]

Muy buen aporte! muchas gracias

[@axela.5138]

¿Se puede combinar Bootstrap y normalize?

[@diegohalcon]

Hola. Quisiera saber cuál es el tipo de fuente que estás usando en tu visual code. Gracias.

[@thecodesandbox6618]

Y normalize.css no me afecta en mi responsive design?

[@hanselbarrera]

pero en el normalize, no esta reseteado el padding, ni el margin sino me equivoco

[@pabloolmos4264]

BUENISIMO !!!! PRFAVOR ME PODRIAS DECIR EN QUE LUGAR DE MI PAGINA WEB COLOCO ESTE CODIGO CSS ? MUCHAS GRACIAS FALCON

[@ricardorien]

¡No lo sabía! gracias, lo usaré.

[@rodolfomunger4468]

Y si estoy usando Bootstrap? funciona también? Gracias

[@bitmau77]

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????

[@francnavarro44]

Si, me pasa lo mismo.

[@JessHilario]

El video está muy bien solo una observación, ya no digas que CSS es código ya que no es así. Puedes llamarlo lenguaje de marcado, reglas de estilos o simplemente estilos. Saludos!

[@francnavarro44]

Hasta donde se si es código, hasta html es código, pero no código de programación.

[@tavoochoa100]

alias mamon

[@batman68477]

Una duda y esto no tiene nada que ver con el desarrollo web ¿cuál es la diferencia entre Visual studio .Vb & .cs?

[@armandotsx]

Qué equipo usas para codear? Ando en búsqueda de uno nuevo pero me siento un poco perdido. Si ya hiciste un video mostrando lo que pregunto, lo siento, apenas voy descubriendo tu canal. Gracias de antemano!

[@josephmines8915]

Genial, no tenía claro para qué.

[@alexislopez16]

tengo 2 años desarrollando pero no he tocado mucho css ultimamente y habia olvidado esto 😂😂😂

[@franklinalexiperezrojas8836]

Deberia agregar en box.sizing en en normalice y el img{max.width: 100% ? , por que no lo veo por ningun lado.

[@jjylisto]

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

[@FalconMasters]

Si, es gratuito :)

[@ramza2099]

gracias por el video, muy bueno y bien explicado.

[@MartinezRamirezFranciscoGerard]

tenia un error con normalize por que no reseaba y gracias a tu video vi que el el normalize estaba despues de mi codigo css. pd: tienes nuevo sub

[@FalconMasters]

Gracias! Me alegra que pudieras solucionarlo

[@demogamer6019]

Gracias! Muy buena información!

[@ejrangel7]

Muchas gracias por este consejo.

[@hernanarica6389]

Buenisimo el tip gracias falcon!

[@brunovidaurre5573]

Excelente video como siempre!

[@AlexPalmaTV]

Muchas gracias por compartir, ya me suscribí a tu canal

[@eduardogmendoza9632]

No mms lo que me acabas de simplificar muchas cosas. Gracias.

[@d-landjs]

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 !!!

[@FalconMasters]

Si, la mayoría, como bootstrap ya lo tienen por defecto.

[@hectorluiscontrerasdigirol7540]

hola Carlos!! estas semanas estuve dando vueltas por tu canal!! esta genial creo que me are con udemy para continuar!! en fin termine un proyecto en 1 mes y unos días mas gracias a tu instrucciones!! te dejo el link por si deseas revisarlo y me podrías dar tu visto bueno... aqui la pagina-> www.topaca.cl/ ||si detallas bien todo se hizo en base a lo que enseñas en tu curso un par de cambios mínimos pero son solo por la necesidades planteadas... gracias de antemano!!

[@josecabezas7341]

Hola falcon. Espero estes bien. quiero hacerte una consulta que no va con el contenido de este video, pero estoy seguro que me puedes ayudar. Imagina que tengo un enlace en el cual descargaré un archivo pdf, cuando haces click en este enlace, aparece el cuadro de dialogo por defecto donde te pregunta si solo quieres abrir el archivo o guardarlo, aceptar o cancelar... Bueno imagina que aun no confirmas ni cancelas la descarga con los botones del cuadro de dialogo, si te vuelves a ir al link de descarga y le das click, se volverá a abrir un cuadro de dialogo y tendras dos descargas pendientes y asi sucesivamente mientras le des click al link de descargar. Quisiera preguntarte si existe la manera bien en html o javascript donde puedas parametrizar el link al punto en el que, mientras el cuadro de dialogo de descarga este pendiente de confirmacion o cancelación de la descarga, y le sigas dando click al enlace, este interprete que tienes una descarga pendiente, y no siga preguntandote por descargar mas archivos.. gracias de antemano

[@333pah]

muy buen aporte, gracias

[@sepptorres]

Excelente explicación..

[@mirco_martin]

carlos pero por ejemplo el normalize, no tiene el border-box tal cual lo aplicas vos en html. muy bueno el video

[@FalconMasters]

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 *

[@jonathanperez837]

Excelente, no lo sabía!. Saludos.

[@TitoRiccardo]

Excelente recomendación, muchas gracias

[@carlosrey5019]

Excelente aporte, gracias!

[@TZAR_NSG]

eres el de master tutoriales?

[@EzequielRegaldo]

No creo que sumar más dependencias sea buena idea; en su lugar es mejor utilizar *, además suma más carga innecesaria al procesamiento y tráfico http. Es como que por el lado del backend se intenta dar un paso y los diseñadores retroceden 2 :P .. para eso están los estándares de la W3C. Motor chromium para todos !

[@wil-fri]

oye tío @FalconMasters, con la update 2004 los select al hacerles hover se me ponen azules

[@maxipasca1171]

broder hice una web y me paso que en chorome yootros navegadores se ve excelente pero en safari de iphone se ve mal