Que rayos son las variables en CSS y como se utilizan.

Поделиться
HTML-код
  • Опубликовано: 24 окт 2024

Комментарии • 189

  • @FalconMasters
    @FalconMasters  4 года назад +63

    Si te gusto el video dale manita arriba! 👍

    • @dianarspz7987
      @dianarspz7987 4 года назад

      Das consultorías?

    • @alfredocaio4257
      @alfredocaio4257 4 года назад

      Me he suscrito al canal hace pocos días, estoy dando like a cada video que veo y este concretamente lo he compartido...

    • @FalconMasters
      @FalconMasters  4 года назад +2

      @@alfredocaio4257 Muchas gracias de verdad por el apoyo, se agradece mucho.

    • @jesusmejia630
      @jesusmejia630 4 года назад

      @@FalconMasters talves me salgo del tema pero como te a cambiado la voz estuve viendo unos cursos de css y de html y se te escuha muy diferente la voz al la de ahora

    • @FalconMasters
      @FalconMasters  4 года назад +1

      @@jesusmejia630 Si, era mas pequeño en ese entonces y ademas tenia otro micrófono que no era tan bueno.

  • @jaimeviloriogreen
    @jaimeviloriogreen 4 года назад +165

    "No la utilizaba por ignorancia". - Aplauso a tu humildad cognoscitiva (si existe tal cosa, jejeje).

    • @3213470
      @3213470 4 года назад +6

      No sé si soy yo pero no más la voz de él ya me transmite ooaitividad y confianza jajaj

    • @dylanklas5979
      @dylanklas5979 4 года назад +5

      Es un genio y tiene un talento para explicar espectacular

    • @hermano_Juan
      @hermano_Juan 4 года назад +2

      Si no existe ya la inventaste broder =)

    • @romansacr1966
      @romansacr1966 3 года назад

      Sumo mi aplauso y de paso, mi reverencia, respeto y admiración por la disposición de compartir el talento que de sobra caracteriza a Falcon.

    • @darianmorat
      @darianmorat 3 года назад

      Me cae bien pero me da fastidio la forma en que habla xddd... Nosé si es porque soy colombiano y ese acento de el es bastante feo para lo que estoy acostumbrado

  • @gabrielm4979
    @gabrielm4979 4 года назад +50

    Pensaba que sería algo más difícil y complicado pero gracias a ti entendí todo a la perfección:3 eres el mejor, falcon

    • @FalconMasters
      @FalconMasters  4 года назад +5

      Me alegra que ahora lo hayas entendido y veas que esta súper fácil.

  • @renzooj
    @renzooj 3 года назад

    qué gran valor aportas con unos cuántos minutos, me sonaban bieeeen tenebrosas de aprender las variables pero queee super-archi-mega bieeen que lo haz explicado amigo. Muchas gracias capo!

  • @zoellemusicofficial
    @zoellemusicofficial 3 года назад +3

    Muchísimas gracias! No había entendido que era :root ni como se usaba. Muy buen video, bien explicado 🙏🏻💖

  • @happytux77.68
    @happytux77.68 2 года назад

    flipante que cosa tan simple y tan tremendamente útil, gracias por la explicación tan clara y breve

  • @Alberto-js8hb
    @Alberto-js8hb 4 года назад

    Es una de esas cosas que nunca usas porque parece complicado y desde que te acostumbras no entiendes cómo podías trabajar sin ellas! Muy buen tutorial y muy clara la explicación, sin rodeos ni tecnicismos que no vienen al caso. Suscrito.

  • @noevelarde9470
    @noevelarde9470 3 года назад

    ¡Los genios tienen la capacidad de enseñar cosas complejas de un modo sencillo, muchas gracias!

  • @roymarquez9093
    @roymarquez9093 4 года назад

    Buen vídeo, aplaudo tu humildad al aceptar "ignorancia" de un tema, palabra fuerte quizás, mas bien falta de información o actualización. El desarrollo web tiene eso, siempre se aprende algo nuevo. Pero lo que mas aplaudo es que una vez asimilado el conocimiento lo transmitas. Gracias.

  • @claudioaguirre4330
    @claudioaguirre4330 2 года назад

    tan sencillo y tan util, lo habia visto y pensé que era algo mas complicado , clarisima explicacion

  • @davidesqueda6243
    @davidesqueda6243 4 года назад +7

    hola, solo te quería dar la gracias ya que tus vídeos me han ayudado mucho, saludos que tengas un buen día bro

  • @atwa850
    @atwa850 4 года назад +1

    Gracias! Excelente Vídeo! Estoy muy entusiasmado por que estoy por terminar el Curso de Diseño Web Profesional, he comprado casi todos los cursos que tienes en Udemy, aunque voy poco a poquito, mi próxima meta es realizar el de PHP y My SQL, solo quería que agradecer por todos tus aportes y complementos como este, Saludos!

  • @Juliocaballista22
    @Juliocaballista22 4 года назад +2

    falcon máster he visto muchos vídeos le doy 👍👍 gracias por ayudarnos compartir tus conocimiento

    • @FalconMasters
      @FalconMasters  4 года назад

      Gracias a ti por ver mis videos. Saludos!

  • @CarlosFernandez-er5sq
    @CarlosFernandez-er5sq 4 года назад

    Excelente explicación, era el modo de orientar el código que estaba buscando , muchas gracias!!

  • @alexanderrepollo1024
    @alexanderrepollo1024 2 года назад

    Muy buena explicación! clara, y sencilla. Había visto que existían las variables en otros videos, pero no me había puesto a investigar hasta que me surgió la necesidad de usarlas, por el mismo motivo que tu mencionas, para hacer cambios de colores de forma masiva. Muchas gracias! Like & Sub ;)

  • @hugomoreno7223
    @hugomoreno7223 2 года назад

    Geacias! :)
    Solo llevo dos vídeos que de tu canal y todo me queda muy muy claro y por su puesto que me resuelves la duda ♥

  • @mrholmanc
    @mrholmanc 4 года назад

    Muchas gracias muy claro, un saludo desde Bogotá Colombia

  • @javierzalazar5926
    @javierzalazar5926 4 года назад

    Excelente !!! muchas gracias !!! estoy iniciando mi camino en el desarrollo web contigo desde tu canal + Udemy (claro esta que tus cursos) !!!

  • @AlonsoSFCmm
    @AlonsoSFCmm 4 года назад +2

    Las variables creo que también se hicieron muy útiles y famosas en los preprocesadores de CSS como SASS (SCSS) o LESS.
    Saludos y sigue subiendo más tips como este.

  • @77724948
    @77724948 2 года назад

    hola, carlos muy interesante el tema.
    gracias por compatir tus conocimientos

  • @angelaraoz5482
    @angelaraoz5482 4 года назад +1

    También he comenzado, gracias a ti, a utilizar variables en mis proyectos. Pero me gustaria saber si podrias hacer un video hablando de los prefijos en css🤔🤔🤔....,ya que depende del navegador en que será vista la web🤷🏾‍♂️. Sería un buen tema para un par de videos, ya que he preguntado a varios de mis compañeros de clase y ellos también desconocian del tema😥🤦🏾‍♂️. Espero respuesta!!! Saludos de un cubano desde Finlandia!!!!

  • @rosariom849
    @rosariom849 4 года назад +2

    Que bien hasta hoy desconocia esto, me haces la vida mas facil.

  • @carlosjaviersaucedo7662
    @carlosjaviersaucedo7662 3 года назад

    Muy buen video. Saludos desde Argentina.

  • @romuloalves9349
    @romuloalves9349 4 года назад +2

    Ótimo vídeo parabéns 👏 já que você tocou nesse assunto gostaria de saber se você usa SASS ou se você recomenda usar eu particularmente uso muito.

  • @damianm2436
    @damianm2436 2 года назад

    ¡Gracias! me parecía un tema difícil de entender, con tu video lo entendí perfectamente 👌

  • @eliotness1875
    @eliotness1875 4 года назад +1

    Excelente video!!! Seria interesante ver un video sobre storybook, ya que en español casi que no hay. Saludos y gracias por el aporte

  • @GuidoCentesimo
    @GuidoCentesimo 3 года назад

    Al fin consigo lo que estaba buscando. Gracias tío

  • @mayadesign
    @mayadesign 3 года назад

    Excelente video, por videos cómo este me suscrbí, que bonita forma de trabajar, felicidades... excelente video

  • @jhulls2056
    @jhulls2056 2 года назад

    Brutal, gracias Carlos Arturo!

  • @laurae.2638
    @laurae.2638 2 года назад

    Muchas gracias amigo ! Pude entenderlo gracias a ti !

  • @rfclandesto3741
    @rfclandesto3741 3 года назад +1

    Hola crack! Hoy descubrí tu canal y que genial bro, nuevo subscriptor... Estoy empezando en todo esto y que brutal que exista gente como tú.
    También quería preguntarte, ¿Cuál plugging usas para que te aparezca toda la tabla de colores dentro del editor cuando escribes el background: ? Muchas gracias de antemano.

  • @louisealicekidovan-hellsin7668
    @louisealicekidovan-hellsin7668 3 года назад +2

    Hola, puedes hacer un video donde "el usuario" tenga la opcion de cambiar el color de fondo...?
    entonces como que lo pueda cambiar a rojo, azul, verde y morado por ejemplo. pero en el root aparece el color primario = rojo. entonces como harías para cambiar un color en el root?. y si puedes... de una vez intentalo con "hsl" en vez de "rgb".

  • @sergiojuradocasado6850
    @sergiojuradocasado6850 4 года назад

    Existen desde hace mucho tiempo, yo pensaba que sí las conocías, yo las uso desde hace mucho y la verdad son una maravilla

    • @FalconMasters
      @FalconMasters  4 года назад

      Si las conocía, solo que nunca las usaba porque cuando las conocí por primera vez no tenían soporte en casi todos los navegadores. Me faltaba actualizarme.

  • @igor.miranda
    @igor.miranda 4 года назад +2

    Grande crack.!! como siempre entregando un contenido de lujo. Gracias.

  • @eliasvenegasolivares9947
    @eliasvenegasolivares9947 Месяц назад +1

    Hola Carlos, tengo una consulta, por que cada vez que modifico las variables de CSS desde JS, los cambios solo se modifican mientras estoy en el modulo de JS y luego cuando retorno a HTML las variables de CSS retornan a su valor original

  • @luismolinavasquez415
    @luismolinavasquez415 4 года назад

    Gracias amigo me ayudaste bastante estoy empezando con el mundo la web y me sirvió esta forma de usar variables :D

  • @rosauraherrera1177
    @rosauraherrera1177 3 года назад

    Gracias FalconMaster excelente. He aprendido demasiado con este curso !

  • @huxldiaz135
    @huxldiaz135 Год назад

    excelente explicacion entendi todo muchas gracias

  • @JesusPetit5
    @JesusPetit5 2 года назад

    Gracias Carlos!

  •  3 года назад

    Muchas gracias por este video tan informativo.

  • @askfjgzklvbcvkj
    @askfjgzklvbcvkj 4 года назад

    ¡Gracias por esto! y todos tus tutoriales.

  • @yilmerumbo3178
    @yilmerumbo3178 4 года назад

    Buen dato aun no no sabia. Gracias por compartir tus conocimientos FalconMasters.

  • @luiselias8127
    @luiselias8127 4 года назад

    Hola, Falcon Master. Excelente video.
    Sería genial si hace dos videos, uno que sea un tutorial como subir la página web a GoDaddy u Hostgator, ya que no entendí muy bien cómo lo explicaste en el curso de Udemy, sería bueno que hiciera un tutorial como hacerlo, mejor explicado. El otro video o tutorial es que lo haga cómo hacer que funcione un formulario con el lenguaje de programación PHP. Espero tu respuesta y también esos tutoriales😅. Saludo desde República Dominicana, bendiciónes.

  • @wewingamer8421
    @wewingamer8421 4 года назад

    Viejo eres un prooo gracias a ti me motivo a programar una página web y aprendo segue así te agradezco mucho

    • @FalconMasters
      @FalconMasters  4 года назад

      Gracias! me da mucho gusto que mis videos te motiven, sigue así!

  • @RankXer
    @RankXer 4 года назад

    Muy bueno e interesante, y explicado de forma sencilla. Gracias.

  • @RIC_H
    @RIC_H Год назад

    gracias bro esto me ayudara a mejorar mi código

  • @Nicolas-vj5zc
    @Nicolas-vj5zc 6 месяцев назад

    muchas gracias, lo amé

  • @stayfocus9199
    @stayfocus9199 2 года назад

    Hola, sería lo mismo agrupar todas las clases y darle las propiedades que se repiten?

  • @leo_fdez
    @leo_fdez 4 года назад

    GENIAL !! muchas gracias por compartir un abrazo !

  • @pamdi936
    @pamdi936 4 года назад

    Sos muy genio Arturito!

  • @elreysincoronas
    @elreysincoronas 4 года назад

    Gracias por compartir tus conocimientos crack

  • @laguiacr
    @laguiacr 4 года назад

    Como siempre eres extraordinario. Gracias por tus aportes

  • @adrianmontilla3095
    @adrianmontilla3095 4 года назад +1

    Exelente video falcón como siempre 👍❤️

  • @francoyahuana
    @francoyahuana Год назад

    se pueden declarar varios valores en una sola variable? por ejemplo: --h1: #111, 1.6rem, 900;

  • @queti6140
    @queti6140 4 года назад

    Hola Falcon! Una pregunta, ¿Se pueden crear variables de botones o media queries como en SASS?
    Saludos y gracias por el contenido!

  • @MrRampengu
    @MrRampengu 4 года назад

    Estoy aprendiendo mucho mas en tus videos que en mi facultad jaja

  • @aplumaytinta
    @aplumaytinta 4 года назад +1

    Tome mi suscripción y no pregunte por qué.

  • @caredus
    @caredus 4 года назад

    Excelente. Gracias por compartir

  • @gmayas
    @gmayas 3 года назад

    ¿Se pueden crear variables para definir tamaños?

  • @6lackGeniusBeats
    @6lackGeniusBeats 4 года назад +1

    Falcon espero leas esto ....como sabrás no es la primera vez que te comento pero hoy te pedire algo , soy un pramador novato. .quiero saber como hacer un sitio web dinamico sin WordPress que cuando quiera subir un nuevo post no tenga que hacerlo directamente modificando el código html, y a la vez cuando la pagina llegue a una cantidad definida de artículos, los artículos mas antiguos se ballan almacenando en otra pagina creando una barra de páginacion para tener acceso a eyos en caso nesesario , espero me comprendas ...tengo fe en que veras esto gracias

    • @FalconMasters
      @FalconMasters  4 года назад +1

      Hola, eso lo puedes hacer con PHP, enseño algo muy parecido en mi curso de PHP. Quizás te pueda servir.

    • @6lackGeniusBeats
      @6lackGeniusBeats 4 года назад +1

      @@FalconMasters gracias y como lo puedo ver

  • @danielaandrade9610
    @danielaandrade9610 11 месяцев назад

    Muy útil, gracias!

  • @espacioespiritual5912
    @espacioespiritual5912 2 года назад

    Excelente muchas gracias

  • @fhrancoo
    @fhrancoo 4 года назад

    Buen aporte, yo tenía pensado aprender jQuery para eso, ahora ya fue

  • @Martinn01
    @Martinn01 4 года назад

    Muy buen vídeo, pregunta ¿En la variable hay que poner -- siempre antes? O lo pones por algo en especial?

    • @FalconMasters
      @FalconMasters  4 года назад +1

      Si, hay que poner doble guion (--) antes

  • @AlejandroABG
    @AlejandroABG 4 года назад

    Increible, no lo conocía, gracias.

  • @jorgemiguelvacamendoza5584
    @jorgemiguelvacamendoza5584 4 года назад

    Genial. Gracias Falconmaster ✔

  • @sinapsis2800
    @sinapsis2800 2 года назад

    se puede cambiar el valor de una variable ya definida?

  • @fermingallardo7920
    @fermingallardo7920 2 года назад

    ok esto creo que me ayudo con unas dos horas de trabajo :D

  • @omarx2011
    @omarx2011 3 года назад

    Gracias amigo, yo soy amateur y olvidaba las variables globales hahaha

  • @sergiojuradocasado6850
    @sergiojuradocasado6850 4 года назад

    Se les llaman Custom Props y son geniales sobre todo usadas con Sass

  • @manudeteruel
    @manudeteruel 4 года назад

    Muy útil, gracias.

  • @abellimac
    @abellimac 3 года назад

    Gracias bro

  • @brayanaquino4727
    @brayanaquino4727 3 года назад

    Te cuento mi experiencia con Internet Explorer y una vez el chrome se infecto con el virus en cambio el IE no le pasaba nada. Y creo que el IE me parece que es más robusto que chrome, bueno FM dime tu opinión.

  • @hrsmranji3764
    @hrsmranji3764 4 года назад

    Interesante ahora usando eso con javascript hermosuras qué se pueden hacer incluso qué el usuario pueda editar sus botines o lo que sea de su publicación o skin de el reproductor ect :3

  • @michaeldecena6812
    @michaeldecena6812 2 года назад

    Gracias, me sirvio.

  • @hugomolina2763
    @hugomolina2763 Месяц назад

    Thank you very much!

  • @camilobeltran9318
    @camilobeltran9318 4 года назад

    Está sintaxys también es aplicable en SASS ?

  • @CesarSanchez-uy9nt
    @CesarSanchez-uy9nt 4 года назад

    excelente informacion, eres un maestro genial

  • @josee9465
    @josee9465 4 года назад

    Excelente aportacion. Falcon estoy empezando con java script he visto tus videos que me recomiendas despues de tu curso de javascript para seguir aprendiendo mas en este programa¿? Ya llevo una base solida con otros cursos de html y css

    • @FalconMasters
      @FalconMasters  4 года назад

      Te recomendaría seguir con PHP y MYSQL

  • @edgarenriquelopezcortes4556
    @edgarenriquelopezcortes4556 4 года назад

    porque en google chrome los botones del header se ven juntos ( ver tutoriales, suscribirse ) y en firefox se visualizan separados normal ?

  • @virax785
    @virax785 4 года назад

    Por eso mismo te sigo, te actualizas siempre. Deberias crearte una cuenta en Patreon.

    • @FalconMasters
      @FalconMasters  4 года назад

      Alguna vez lo he pensado, pero no se que tal funcionaria. Ademas de que mucha gente me apoya comprando mis cursos en udemy.

  • @maletruiza
    @maletruiza 4 года назад

    Antes que nada, muchas gracias por compartir con nosotros lo que aprendes, pero una consulta, lo que acabas de explicar, no serían constantes???
    Una variable puede cambiar en el transcurso de la ejecución del programa, en este caso no cambiaría nunca, salvo dejes de ejecutarlo y tú cambies su valor. Pero solo no cambiará nunca.
    Saludos.

    • @FalconMasters
      @FalconMasters  4 года назад +1

      Si, seria mas bien una constante. Aunque si puedes volver a definir una variable dentro de otro selector.
      Por lo que la "variable" podría tener dos valores, dependiendo de donde accedas a ella.

    • @maletruiza
      @maletruiza 4 года назад

      @@FalconMasters Ok, ahora la tengo claro que si es variable entonces. Gracias por la aclaración!!!

  • @SAMs3piol
    @SAMs3piol 4 года назад

    Hola Carlos. No me funciona la opción cuando pongo VAR (). No se me despliega ninguna opción. Sabes por qué puede estar pasando eso? Será la versión de Atom que estoy usando?
    Saludos maestro

  • @TZAR_NSG
    @TZAR_NSG 4 года назад +1

    puedes subir un video acerca de las clases y como se usan, me confundo cuando hay varias seguidos como: .contenedor .titulo .primario { }

    • @carmenutp6776
      @carmenutp6776 4 года назад

      Eso está en todo su curso de css, lo puedes encontrar en su canal

  • @limeted2bits
    @limeted2bits 3 года назад +1

    Aquí si aprendí a programar el maestro solo por temas como, usar world y presentaciónes ibamos muy lentos casi nadie le importa Informática solo dos personas yo y uno de mi salon pero el de mi salon tomo curso y yo también aqui

  • @victoriapenacino5737
    @victoriapenacino5737 2 года назад

    GENIOOOOOO!!!!!! GRACIASSSSSS!!!! 👍

  • @josearmando459
    @josearmando459 4 года назад

    Como hago para poner lo de los colores en el mismo sublime text?

  • @luisvicentecaperaremigio
    @luisvicentecaperaremigio 4 года назад

    buena tarde puedo almacenar en una variable -box-shadow: y todas las propiedades css?

  • @huxldiaz135
    @huxldiaz135 Год назад

    excelente explicacion tomesulike

  • @miguelhyto54
    @miguelhyto54 3 года назад

    el video comienza en el minuto 1:45

  • @Max-tq1ig
    @Max-tq1ig 2 года назад

    Fantástico! Nuevo sub (:

  • @bryanphantom9972
    @bryanphantom9972 2 года назад

    Alguien sabe como puedo aplicar un degradado en las varaibles para cambiar el fondo?

  • @nachitoiq5073
    @nachitoiq5073 4 года назад

    Oye Falcom puedes enseñar a hacer una plataforma muy básica para que los usuarios suban sus propios videos , algo así como RUclips.
    Porfavor sería de mucha ayuda.

    • @FalconMasters
      @FalconMasters  4 года назад

      Lo voy a tener en cuenta, aunque no te prometo nada, hacer una plataforma de videos es algo complejo.

    • @nachitoiq5073
      @nachitoiq5073 4 года назад

      @@FalconMasters No es necesario que sea complejo yo solo quiero aprender a hacer lo básico .
      Desde ya muchas gracias 💪😁

  • @FreddySenpai
    @FreddySenpai 4 года назад

    Necesitaba esto, Grax

  • @eduardflores8420
    @eduardflores8420 4 года назад

    ctrl + la tecla izquierda???? esa es la combinacion?

  •  3 года назад

    Hermoso!

  • @3213470
    @3213470 4 года назад

    Me parece q es más fácil usar las variables de sass, tu que opinas??

    • @FalconMasters
      @FalconMasters  4 года назад +2

      Pues ambas me parecen sencillas. Pero ahora ya nos podemos ahorrar tener que instalar SASS para usar variables.

  • @kronoskalifa
    @kronoskalifa 4 года назад

    Excelente.

  • @raul7254
    @raul7254 4 года назад

    Yo con las variables css no veo necesidad de usar procesadores como sass o less

  • @juliochalco8049
    @juliochalco8049 4 года назад

    Has probado figma, a mi realmete me robo el corazon

    • @FalconMasters
      @FalconMasters  4 года назад

      No lo he probado, pero tengo muchas ganas de ver que tal esta.