Actualizaciones CSS 2024 🚀 (aprende diseño web)

¡Descubre las últimas funciones de CSS en 2023 con Programador X! 🎉 Impulsa tu desarrollo web hacia nuevas alturas con estas novedades. 🚀"
🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com
🔥 INSTAGRAM 👉 / programador.x
🌟 LINKEDIN 👉 / xavier-reyes-ochoa
📕 Mi ebook de HTML ¡GRATIS! 🔥🆓🔥 👉 www.academia-x.com/html-gratis
🖥 Mis equipos 👉 www.amazon.com/shop/programadorx
📚 Contenido
0:00 - Nuevas funcionalidades de CSS en el 2023
0:54 - Anidamiento (nesting)
3:15 - Envoltura de texto (text-wrap)
8:02 - Pseudoselector has
9:07 - Mezcla de colores (color-mix())
10:57 - Modelos de colores LCH & OKLCH
14:40 - Colores relativos
17:07 - Consultas de contenedores (@container)
20:30 - Capas (@layer)
#css2023
#css2024
#programadorX
#html #css #javascript #react
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software

Пікірлер: 37

  • @ProgramadorX
    @ProgramadorX7 ай бұрын

    Comparte...¿Cuál NEVA funcionalidad te gustó más? 🙂 🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com 🔥 INSTAGRAM 👉 instagram.com/programador.x 🌟 LINKEDIN 👉 www.linkedin.com/in/xavier-reyes-ochoa 📕 Mi ebook de HTML ¡GRATIS! 🔥🆓🔥 👉 www.academia-x.com/html-gratis 🖥 Mis equipos 👉 www.amazon.com/shop/programadorx

  • @LuisFernando-il6tu

    @LuisFernando-il6tu

    7 ай бұрын

    Hola Xavier , , revisa porfa el link de los libros esta redireccionando a una pagina con Status 404, saludos , y como siempre excelente contenido en tu canal

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Gracias Luis. Buena observación. Moví todos los libros a la sección de tienda. 🙇‍♂️

  • @Joel-Developer
    @Joel-Developer7 ай бұрын

    Tiene todo el sentido que CSS aumente sus funcionalidades y su poder a la hora de aplicar estilos de forma nativa, espero que en el futuro todo el potencial para programar estilos venga ya incorporado de forma nativa en CSS, es decir, que CSS pase de ser un lenguaje de marcas a ser un lenguaje de programación de estilos.

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Si. No me sorprendería que en un futuro incluya más bucles y condicionales que se encuentran normalmente en lenguajes de programación pero no lo veo siendo tan avanzado como JavaScript porque para eso tenemos JavaScript 😄

  • @GUScodeapps
    @GUScodeapps7 ай бұрын

    Excelentes estas nuevas funcionalidades, los colores oklch, las consultas de contenedor y las capas !! el diseño será más fácil y libre. Excelente video.

  • @michelcristiancalustro511
    @michelcristiancalustro5117 ай бұрын

    La nueva funcionalidad @layer me voló la cabeza

  • @jmonc6401
    @jmonc64017 ай бұрын

    Muy interesante, esa funcionalidad de containers se ve fenomenal!

  • @oshrmiwe
    @oshrmiwe7 ай бұрын

    Puedes hablar sobre NEXT JS en tu proximo video

  • @weengineers5999

    @weengineers5999

    7 ай бұрын

    Si sería muy interesante

  • @TizianoMontenegro07
    @TizianoMontenegro077 ай бұрын

    Muy bueno padra repasar todo lo nuevo que salió, graciass.

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    No hay de qué colega! 🙂👍

  • @Web.FrankGP
    @Web.FrankGP7 ай бұрын

    esto me interesa!!! 🥳

  • @mrlord7
    @mrlord77 ай бұрын

    hola ñaño quiero ser programador oe,pe no se nada estoy estudiando 1 bachillerato en informatica pero recien vamos por diagramas de flujo pero yo quiero ir más rápido que me dices.

  • @barbaroperez6904
    @barbaroperez69047 ай бұрын

    Hola ProgramadorX un saludo desde Cuba, quisiera saber si su pagina existen algunos cursos gratis, pq me guataria aprender de su conocimiento y desde Cuba no puedo pagar un curso, ni tengo cmo. Slds...

  • @ivancamilo4857
    @ivancamilo48577 ай бұрын

    En un futuro muchas de las soluciones que nos ofrecen los frameworks y librerías de css ya las integrada css nativamente y nos hará la vida mucho más fácil

  • @Matias_Heinze

    @Matias_Heinze

    7 ай бұрын

    El futuro llegó hacer rato!

  • @2299alexander
    @2299alexander7 ай бұрын

    Consulta, en la academia, se desarrollan proyectos completos de full stack ? de principio a fin ? quedo atento

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Si. Se crean retos de proyectos cada 2 semanas. Y se vienen mas en este año.

  • @matonolo
    @matonolo7 ай бұрын

    Lo de Layer vendria seria lo mismo que el layer de postCSS?

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Si. Realmente es la especificación de CSS pero PostCSS lo convierte en otros estilos para que sea compatible en navegadores que no soportan esta funcionalidad todavía.

  • @OsoTedyfazbear3329
    @OsoTedyfazbear33297 ай бұрын

    Profesor X, de casualidad esas nuevas funciones de CSS solo estarán en dispositivos nuevos?? Porque yo ya estoy viendo uno de sus cursos (HTML) y tengo VScode pero de 32bits en una laptop Notebook del gobierno que no es muy potente y para rematar un navegador Chrome desactualizado 😢

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Hola Jesús. Las nuevas funciones toman tiempo en ser adoptadas porque usuarios en todo el mundo siguen usando navegadores desactualizados por algún tiempo. Este es un proceso normal hasta que dura meses a años hasta que los usuarios van actualizando sus navegadores y como desarrolladores tenemos que preocuparnos cada ves menos de dar soporte a navegadores antiguos. Como recomendación usa funcionalidades que sean soportadas por las últimas 5 versiones de navegadores para los navegadores más populares. Así eres eficiente sin preocuparte de todos los navegadores posibles y al menos la mayoría de usuarios no tendrán problemas. Ahora claro, existen proyectos especiales en los que es posible que debas soportar solo ciertos navegadores y versiones específicas.

  • @Dalcor117
    @Dalcor1177 ай бұрын

    Estoy estudiando Angular pero salió Angular 17 y lo que me sale en la pantalla no se parece a lo que tengo en los cursos y demás recursos porque son de angular 16 para abaji 😐

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Uff. Bienvenido a la industria tecnológica. Aprende de la documentación oficial en este caso.

  • @user-ko1cw6mv4q
    @user-ko1cw6mv4q7 ай бұрын

    El curso de css tendra estas actializaciones en tus videos?? En academia x o no?

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Si. En estos días se vienen muchas más actualizaciones en el curso de CSS.

  • @davidcruz5681
    @davidcruz56817 ай бұрын

    Hola, esto estará en el bootcamp?

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Si. Junto con nuevas actualizaciones de CSS que se vienen en estos días! 🙂

  • @leonardovasquez1723
    @leonardovasquez17237 ай бұрын

    Primer comentario diré👻

  • @YosefEven98
    @YosefEven987 ай бұрын

    Like #89

  • @ProgramadorX

    @ProgramadorX

    7 ай бұрын

    Thank you! Cheers!

  • @elmoster1909
    @elmoster19097 ай бұрын

    Yolo

  • @44valennn
    @44valennn7 ай бұрын

    Una pregunta por ahí a alguien que sabe. Me dijeron una vez en un curso que hice que muchos archivos .css afectaban al rendimiento y que era mejor solo tener 1. Entonces los archivos .scss están optimizados? o no afectan al rendimiento como los .css? o eso que me dijeron es mentira

  • @weengineers5999

    @weengineers5999

    7 ай бұрын

    En teoría .scss estan optimizados, ya que se minimizan y se aseguran que las clases que escribas funciones en todos los navegadores, pero si es mejor tener un solo archivo CSS, pero en proyectos grandes verás que no, incluso se usará algçun framework de css

  • @44valennn

    @44valennn

    7 ай бұрын

    @@weengineers5999 entonces sass no va a morir, para proyectos grandes se seguirá usando, porqué dicen el fin de los preprocesadores?

  • @weengineers5999

    @weengineers5999

    7 ай бұрын

    @@44valennn No no va a morir, pero su uso esta en decremento cada año, porque hay frameweworks que te dan utilidades y el mismo css tiene funcionalidades y nuevas que implementarán como sass para poder crear proyectos grandes.