Que rayos son las variables en CSS y como se utilizan.
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- En este tutorial te voy a explicar que son las variables en CSS, porque son importantes y como las puedes utilizar en tus proyectos.
🚀 Blog de Diseño Web:
www.falconmaste...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
📄 Código del Proyecto:
github.com/fal...
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters
Si te gusto el video dale manita arriba! 👍
Das consultorías?
Me he suscrito al canal hace pocos días, estoy dando like a cada video que veo y este concretamente lo he compartido...
@@alfredocaio4257 Muchas gracias de verdad por el apoyo, se agradece mucho.
@@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
@@jesusmejia630 Si, era mas pequeño en ese entonces y ademas tenia otro micrófono que no era tan bueno.
"No la utilizaba por ignorancia". - Aplauso a tu humildad cognoscitiva (si existe tal cosa, jejeje).
No sé si soy yo pero no más la voz de él ya me transmite ooaitividad y confianza jajaj
Es un genio y tiene un talento para explicar espectacular
Si no existe ya la inventaste broder =)
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.
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
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
Me alegra que ahora lo hayas entendido y veas que esta súper fácil.
Muchísimas gracias! No había entendido que era :root ni como se usaba. Muy buen video, bien explicado 🙏🏻💖
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
Muchas gracias! :D
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!
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.
falcon máster he visto muchos vídeos le doy 👍👍 gracias por ayudarnos compartir tus conocimiento
Gracias a ti por ver mis videos. Saludos!
tan sencillo y tan util, lo habia visto y pensé que era algo mas complicado , clarisima explicacion
flipante que cosa tan simple y tan tremendamente útil, gracias por la explicación tan clara y breve
Que bien hasta hoy desconocia esto, me haces la vida mas facil.
Si, es genial, ayuda mucho.
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!
¡Los genios tienen la capacidad de enseñar cosas complejas de un modo sencillo, muchas gracias!
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.
Muy buen video. Saludos desde Argentina.
Excelente video, por videos cómo este me suscrbí, que bonita forma de trabajar, felicidades... excelente video
Existen desde hace mucho tiempo, yo pensaba que sí las conocías, yo las uso desde hace mucho y la verdad son una maravilla
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.
hola, carlos muy interesante el tema.
gracias por compatir tus conocimientos
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.
Al fin consigo lo que estaba buscando. Gracias tío
Brutal, gracias Carlos Arturo!
Muchas gracias amigo ! Pude entenderlo gracias a ti !
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 ;)
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 ♥
Excelente video!!! Seria interesante ver un video sobre storybook, ya que en español casi que no hay. Saludos y gracias por el aporte
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!!!!
excelente explicacion entendi todo muchas gracias
Excelente explicación, era el modo de orientar el código que estaba buscando , muchas gracias!!
Muchas gracias muy claro, un saludo desde Bogotá Colombia
¡Gracias! me parecía un tema difícil de entender, con tu video lo entendí perfectamente 👌
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".
Muchas gracias por este video tan informativo.
Excelente !!! muchas gracias !!! estoy iniciando mi camino en el desarrollo web contigo desde tu canal + Udemy (claro esta que tus cursos) !!!
Grande crack.!! como siempre entregando un contenido de lujo. Gracias.
Gracias Carlos!
Ó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.
gracias bro esto me ayudara a mejorar mi código
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.
muchas gracias, lo amé
Gracias amigo me ayudaste bastante estoy empezando con el mundo la web y me sirvió esta forma de usar variables :D
Gracias FalconMaster excelente. He aprendido demasiado con este curso !
Me alegra mucho escuchar eso.
Viejo eres un prooo gracias a ti me motivo a programar una página web y aprendo segue así te agradezco mucho
Gracias! me da mucho gusto que mis videos te motiven, sigue así!
Muy útil, gracias!
Buen dato aun no no sabia. Gracias por compartir tus conocimientos FalconMasters.
Excelente muchas gracias
Exelente video falcón como siempre 👍❤️
Gracias!
¡Gracias por esto! y todos tus tutoriales.
Muy bueno e interesante, y explicado de forma sencilla. Gracias.
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.
Como siempre eres extraordinario. Gracias por tus aportes
Gracias por compartir tus conocimientos crack
Buen aporte, yo tenía pensado aprender jQuery para eso, ahora ya fue
GENIAL !! muchas gracias por compartir un abrazo !
Sos muy genio Arturito!
Hola, sería lo mismo agrupar todas las clases y darle las propiedades que se repiten?
GENIOOOOOO!!!!!! GRACIASSSSSS!!!! 👍
se pueden declarar varios valores en una sola variable? por ejemplo: --h1: #111, 1.6rem, 900;
Gracias bro
Gracias, me sirvio.
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
Gracias amigo, yo soy amateur y olvidaba las variables globales hahaha
ok esto creo que me ayudo con unas dos horas de trabajo :D
se puede cambiar el valor de una variable ya definida?
Como hago para poner lo de los colores en el mismo sublime text?
¿Se pueden crear variables para definir tamaños?
Fantástico! Nuevo sub (:
Excelente. Gracias por compartir
Alguien sabe como puedo aplicar un degradado en las varaibles para cambiar el fondo?
porque en google chrome los botones del header se ven juntos ( ver tutoriales, suscribirse ) y en firefox se visualizan separados normal ?
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
Hola, eso lo puedes hacer con PHP, enseño algo muy parecido en mi curso de PHP. Quizás te pueda servir.
@@FalconMasters gracias y como lo puedo ver
Está sintaxys también es aplicable en SASS ?
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
Increible, no lo conocía, gracias.
Tome mi suscripción y no pregunte por qué.
Hermoso!
excelente informacion, eres un maestro genial
Estoy aprendiendo mucho mas en tus videos que en mi facultad jaja
Genial. Gracias Falconmaster ✔
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.
excelente explicacion tomesulike
Graaaaciaaassss!!!
Hola Falcon! Una pregunta, ¿Se pueden crear variables de botones o media queries como en SASS?
Saludos y gracias por el contenido!
ctrl + la tecla izquierda???? esa es la combinacion?
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
buena tarde puedo almacenar en una variable -box-shadow: y todas las propiedades css?
puedes subir un video acerca de las clases y como se usan, me confundo cuando hay varias seguidos como: .contenedor .titulo .primario { }
Eso está en todo su curso de css, lo puedes encontrar en su canal
Se les llaman Custom Props y son geniales sobre todo usadas con Sass
Muy buen vídeo, pregunta ¿En la variable hay que poner -- siempre antes? O lo pones por algo en especial?
Si, hay que poner doble guion (--) antes
Por eso mismo te sigo, te actualizas siempre. Deberias crearte una cuenta en Patreon.
Alguna vez lo he pensado, pero no se que tal funcionaria. Ademas de que mucha gente me apoya comprando mis cursos en udemy.
Necesitaba esto, Grax
Has probado figma, a mi realmete me robo el corazon
No lo he probado, pero tengo muchas ganas de ver que tal esta.
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.
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.
@@FalconMasters Ok, ahora la tengo claro que si es variable entonces. Gracias por la aclaración!!!
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
Te recomendaría seguir con PHP y MYSQL
Una duda puedo usar estas variables aun asi use otro editor de texto? yo uso sublime text
Si, el editor de texto no tiene nada que ver con el código. El navegador es el que se encarga de leerlo.
Que tema usa Falcon?
Ayu mirage
Quería saber si se puede poner que una variable sea igual a otra variable si el usuario cumple con un requisito o no
Con CSS solo no, de momento CSS no tiene lógica de programacion, Pero si se podria con CSS y Javascript juntos.
Excelente.
Genial!!!👍
Excelente amigo..
Gracias!
Yo con las variables css no veo necesidad de usar procesadores como sass o less