5 TIPS para ESCRIBIR un mejor CSS (Usado por PROFESIONALES)

[@aulaideal]

💪🏻Si te gustó este tutorial, te dejo aquí más vídeos sobre Bootstrap: 🎥7 RAZONES para usar BOOTSTRAP: kzbin.info/www/bejne/lWK0iqKVgJtga9E 🎥El MEJOR plugin para BOOTSTRAP en VSCODE: kzbin.info/www/bejne/eJrVeZ53i5d5mbs

[@marcoantoniovalencia8694]

Que modelo es tu pc?

[@roxanap2653]

Muchas gracias

[@gerardoanaya6159]

1:44 una mejor forma de ver como funciona la propiedad margin con 4 valores es que cada uno se coloca en el mismo orden que se mueve la aguja de un reloj

[@WinterWolf7u7]

este video lo vi cuando apenas sabia CSS basico, por lo tanto no podia aplicar estas reglas en su totalidad todavia, ahora estoy a una semana de acabar CSS avanzado y me alegra poder hacer al menos 4 de estas 5 reglas y saber que estoy haciendo buenas practicas, no tengo palabras:D

[@aulaideal]

Me alegra haber contribuido en tu progreso mi amigo. Saludos

[@jesusramirezserrano6427]

¿En donde tomaste el curso?

[@davidramirez9727]

Voy a estudiar css este mes así que me vienen bárbaro tus consejos, gracias por compartir!

[@davidcode22]

Puedo decir con toda sinceridad que era uno de los que solia cometer algunos de los errores que mencionaste, normalmente cuando te centras en aprender JS y olvidas mejorar en CSS asi fue hasta que un día sentía que mi hojas de estilos eran muy desordenadas y decido mejorar, aprender y ser un profesional en CSS hoy en día me siento muy bien al ayudar a mis compañeros en el área a tener un código limpio y enseñarles buenas practicas. Like por los consejos...

[@virusmelissa6948]

¡Excelente! Muchas gracias. ✌😃

[@juanvera2288]

Con esos tips y con la metodologia bem, ya puedo hacer maravilla.

[@juanvera2288]

TE agrdeceria si haces UN video de mas tips de css y html. Thanks so much.

[@raulgallegos240]

me encantaron tus consejos , solo es chistoso e irónico que cuando dijiste "Legible" , estuviera mal escrito asi "leguible" jeje

[@aulaideal]

Ahahaha achaques del oficio!

[@eduardorivas6959]

Genial! Muchas gracias.

[@enpuertovallarta]

muchas gracias hermano, me gustó tu explicación.

[@desitechlearn]

Hola llegué a tu video buscando optimizar css y me gustó la forma como se debe realizar a poner en práctica 👩🏼‍💻Gracias!!

[@cristian20035]

Excelente contenido, muchas gracias

[@aulaideal]

Gracias Cristian.

[@harveyaguilarc.555]

gracias por tu cursos son cheveres

[@davidsoycolombiano]

Explicas muy bien, me animo a tomar cursos contigo. Felicitaciones!

[@aulaideal]

Gracias!

[@alfons1554]

la neta son muy buenos consejos lo de repetir código no se me había ocurrido verlo de esa manera jsjsjj Gracias PA, aunque otra forma de hacerlo es poniendo nth-child { aquí va el número de la etiqueta que quieres editar }

[@khisus20]

Excelente video. Muy buenas ejemplos. Explicas de forma perfecta. La única pega es la calidad del sonido que no es muy buena. Por lo demás 10/10

[@aldorsan]

Lindo video. Pero el shorthand de background no me ha funcionado. Quizás podrías hablar al respecto de como usarlo correctamente con todas las propiedades. A mí no me funcionó usando position, repeat, size y origin

[@yoanestradablanco1608]

Buenisimo mnano gracias por el contenido

[@rosiibarra390]

Muy muy buenos estos Tips, estaba buscando algo asi para crear mis css de manera profesional

[@CesarGonzalez-uh3qo]

La ver DRY es uno de los errores más comunes te llegas a dar cuenta es después, se debe entender que efectivamente es una hoja en cascada, lo que ocurre es que el desarrollador debe tener una idea de que estilos comunes va a tener el proyecto para ello no redundar en líneas

[@profesoredwin]

¡Buren consejo, gracias!

[@elbertjosesalasbrochero6318]

Cómo cambiarias estilos con nombres de clases o con Selectores

[@federicoaldana5952]

Muy buenos, disculpa una pregunta la metodología Bem ya no sé usas si usamos Sass?

[@nelingenio]

Nuevo Suscriptor! :D

[@elbertjosesalasbrochero6318]

Aceves uno hace estilos son escribir el selector que es por ejemplo .Color: red; Qué dicer car que es un p , o ul li.

[@danipsicocbd]

No entendí nada jaja, recién me estoy iniciando. Pero buena onda tu explicación Bro!

[@mauriciovillalba1065]

Buenos los tips, sin embargo no es necesario estigmatizar a los que no lo usan, no importa si es o no un novato, sencillamente hay una mejor forma de hacerlo. Gracias

[@musiccurrent9975]

realmente al colocarle estilos a un elemento por medio de javascript, los estilos quedan en las etiquetas. Así que en algunas ocasiones no es culpa de el desarrollador si no que esta hecho así.

[@tvargentina]

lo del estilo en línea, de no usarlo nunca, he leído de otros desarrolladores que se debe usar css crítico para optimizar tiempos de carga. Que hago? jaja

[@IRedMonkey]

A mi me están pidiendo que duplique los elementos para separarlos en color y tamaño, me parece una locura duplicar una enorme cantidad de elementos por un capricho.

[@gerardosantana2563]

Si mi página web tiene varias páginas internas, es buena práctica crear un CSS para cdsa HTML o se hace todo el estilo en 1 solo CSS ?

[@diegobenincasa1774]

Buenos consejos pero eso de oscurecer toda la pantalla en el video me volvio loco ajakjaja😊

[@batman68477]

Cuando estas en css las clases o Id, se clasifican como padre padre hijo o padre hijo padre

[@fm0x1]

Qué buen video 💯💯💯. te ganaste nuevo sub ❤️💻⚛️

[@S4MBENTZ]

El tip 4 solo en caso extremos si se puede usar por ejemplo si necesito acomodar elementos dinamicos con js

[@aulaideal]

En su lugar agregaría clases CSS con JS. Y dichas clases realizarían el comportamiento deseado.

[@edwarvilchez5642]

En lo único en lo que no estoy de acuerdo es que no se usen comentarios. Por mucho que el código sea muy bueno los comentarios son lo mejor del mundo del desarrollo

[@aulaideal]

Hola Edwar, no dije que no se use, dije "Agrega comentarios cuando sea necesario". Los comentarios son pieza clave en todo desarrollo al margen del lenguaje de programación. Saludos

[@progmell]

You right.

[@lucianosandoval727]

@@aulaideal casi un año de respuesta, pero creo que quiso decir a que no escatimes con los comentarios, pero (como vos dijiste también) cortos y al grano.. Yo comento todo, pero corto.. y le da también un "color" al proyecto.. un orden.. me explico bien? jaja

[@JavierSanchez-qo6jg]

Yo creo que en primer tip la primer forma de codear es más legible que el segundo método

[@davidcode22]

Puede ser legible solo para los que no conocen bien de Css, de lo contrario para un profesional en el área siempre será mejor un sola linea.

[@CesarICAO]

Si, en unos casos es mejor tener lineas más descriptivas, es una buena práctica tener el código claro y entendible para cualquier developer. No siempre una linea es la mejor opción. Yo creo que en la primera del margen tiene razón peronla del backgroun se equivoca.

[@federicoaldana5952]

Con una función es más fácil el no repetir código, con Sass pero pues no sé si con Css sea mejor..

[@moisesrodriguez4312]

Como haría para tomar cursos contigo ?

[@aulaideal]

Hola Moises, Puedes ver los cursos avanzados que tenemos en: www.aulaideal.com/cursos Saludos

[@moisesrodriguez4312]

@@aulaideal Excelente Erick, tus trabajos son geniales :)

[@moisesrodriguez4312]

@@aulaideal Gracias

[@moisesrodriguez4312]

@@aulaideal Pero cual me recomiendas empezar uno de wordpress o de bootstrap? quiero aprender a hacer paginas wen hasta el punto de montarlas y todo

[@aulaideal]

Hola, Son dos tecnologias diferentes, pero que trabajan juntas. Wordpress te permite gestionar el contenido de forma sencilla. Y Bootstrap crear la interfase del usuario de forma totalmente limpia, cargando sólo los recursos que necesitas. Yo empezaría por Bootstrap, luego por Wordpress (que es mas sencillo). Te felicito por las ganas de aprender.

[@dannypacheco4425]

en el punto número uno creo que debías decir cuando en realidad es útil o no usar shorthands. pero en realidad es de mucho debate debido a que el utilizar shorthands no es tan descriptivo. yo diría que los shorthands son útiles para especificar muy bien las propiedades. Es mejor que algo sea decriptivo y largo que sea corto e ilegible. yo prefiero usar shorthands para evitar el dry pero cuando necesito especificar algo lo utilizo normal así que mala práctica no es.

[@aulaideal]

Hola Danny, permiteme debatir contigo de la manera mas amigable. Las propiedades shorthands no necesitan ser descriptivas. Si recien inicias claro esta, es bueno que las propiedades describan su funcionalidad, pero si tienes años definiendo el mismo: margin-left o margin-right… llega un momento en que decides ahorrar código al margen de que sea legible o no. Y eso es progresivo y a la vez va definiendo tu nivel.

[@galletaleekun3869]

🤣🤣🤣🤣 parece que estás describiéndome, si fui exactamente como empecé.

[@aulaideal]

Jajaja suele pasar…😁

[@Henry_Nunez]

👉🔔

[@bersuarez2741]

En este Video, Estas enpañales no le llegas a JonMircha 😅 , es broma

[@shephardhl8305]

El de especificidad es el que me cuesta :c

[@edgarmauricio7243]

Voy a dedicarme uno lindos poemas xd

[@aulaideal]

Bienvenido sea! ajajaja

[@diegoberistaindelamora6594]

Mounstro

[@code1866]

No me gusta usar Shorthand, es cuestión de gustos no de novato o profesional.

[@joseantoniodelapaz6374]

Esese

[@germanbaena6579]

El uso de shorthand no siempre es la mejor práctica a no ser que se declaren todas los valores de la propiedad, y con respecto a los nombres de las clases no es buena practica usar camel Case, esto: ".miClase" es una mala práctica que no se debe usar en CSS.

[@frankcasanova2132]

6:33 'leguible' pues... no es muy legible jajaja

[@aulaideal]

jajaja...justo lo legible salió ilegible. Sabrás disculpar esa osadía.

[@urieltorres2926]

"Leguible" dice

[@aulaideal]

Gracias por tu aporte.

[@albertocruz1174]

Esta bien pero es muy básico.

[@aulaideal]

Oh estas en otro LEVEL mi amigo… ⚡️