AMIGO, NO ME QUIERE FUNCIONAR :(((( HAGO TODO Y TUS VIDEOS SIRVEN PORQUE YA HE USADO UNOS RECURSOS TUYOS Y TODO BIEN, PERO ESTE NO ME QUIREN FUNCIONAR :((((( se me fueron las mayusculas :(((((((((((( soy nuevo, llevo un mes estudiando empíricamente
Excelente video para seguir paso a paso cada explicación y entender las funciones de cada instrucción inclusive para los que estamos empezando. Ameno y claro cada detalle.
Wow, Falcon… desde el 2017 no veía un video tuyo. Has mejorado impresionantemente. Antes eras excelente, vale la pena decir… pero lo llevaste al siguiente nivel.
esa manera en que explicas todo, enserio que es buena. Cuando yo no sabia javascript ví uno de tus videos y apesar de no saber nada de lo que explicabas.... Salí con una idea de lo que era. Muchas gracias.
Gracias Carlos, compré tus cursos hace unos años y no me he tomado el tiempo de seguirlos, pero ahora sí lo voy a hacer, espero pronto tener los certificados.
Buenas carlos todo bien. Ya vi como lo hacés y lo optimicé usando transform: translate y el transition para el primero basta en el after y poner la prop. de transform Saludos
Saludos FalconMasters Excelentes videos muy bien explicado he visto casi todos tus videos y lo felicito por su desempeño y su pedagogía al explicar son pocos los que explican tan bien y entendible. Esperemos ver mas.
Gracias Carlos Arturo y a tu canal Falconmasters, de verdad todo lo que se de HTML Css y Javascript los aprendí de tu canal. Cuando pueda compraré tus cursos en Udemy... 🌟🌟🌟🌟🌟
Wow, que buena explicación y aprendizaje son tus videos, son de gran ayuda de aprender algo nuevo.... Todos los efectos me gustaron, y el último me agrado mucho más para adaptarlo a mis proyectos. Te deseo lo mejor y que sigas brindando gran aporte de contenido como esto... Dios te bendiga
Me gustan muchos estos tutoriales (sirven de mucha ayuda para realizar proyectos propios y practicar) PD: Me pongo como reto crear la plantilla a la que se le harán las modificaciones primero sin ver la original y así practico :D
Hay forma de retrasar el clic en dispositivos moviles para que cuando den clic en el boton haga la animación y despues de 1 segundo lleve a la pagina web destino? ya que en dispositivos moviles sería demasiado rapido y si se logra retrasar el clic el usuario vería la animacion y despues iria al sitio web destino
Si se puede, pero para eso ya necesitas javascript. Le pones un evento al botón y que ejecute un setTimeout, que cuando acabe mande a la página destino.
Da error en el W3C validator ya que al poner una referencia () dentro o afuera da error ya que no es compatible por así decirlo la etiqueta con la estiqueta ... ayuda con eso.
@@FalconMasters Muchas gracias por la respuesta, aunque no es así, no se si sea porque estoy usando la versión de Sublime Text 4. Aprovecho para mencionar que el efecto del botón 4 no me da resultado, si aumenta de tamaño pero se sigue viendo cuadrado.
@@FalconMasters Ahora veo que es otro editor el que usas. Gracias por responder. El cuarto botón tuve que poner 2 pixeles para que el efecto me saliera cuadrado.
Ey falcon una dudaaaa en el 4to botón ya intente de todo y no le puedo poner el border-radius, e incluso descargué tu código y no me funciona el botón. ¿Es problema de mi computadora? o de algunas versiones? Psd: Gracias por si respondes :v
Como podría hacer para ponerles un link a esos, para que al darle clic por ejemplo me mande a otra página. Yo lo hacia con a href pero aquí no me sirve AIUDA :(((((
@@tonystete3988 Te recomiendo ver mi curso de HTML y CSS para que veas como agregar enlaces en una pagina. Y a ese enlace simplemente le pones la clase del boton.
Falcon mi circulo crecre y su lado derecho es mas lento que el izquierdo, boton 4 sabes que peude ser?, por cierto desde que inicie en la programacion veo tus videos, el primero fue el curso HTML(10 estrellas).
hi, can you guide me how can i see the code changes live like in your clip? every time I write a piece of code and want to see the changes, I have to reload the page to see the changes.
@@FalconMasters I still use F5, however it forces me to exit the page completely in order to use F5 to open it. What is the name of the utility you use in the video? I found it to load very smoothly almost instantly.
@@FalconMasters after i make the code and want to see the changes, i press F5 then chorme opens 1 tab to view, when i change or edit the code and keep pressing F5 it forces me to turn off that tab to load the wiew , each time doing so is very time consuming and it is not possible to see live changes immediately like your clip. I'm Vietnamese, it's very difficult to find information or problems
Use "Live Server" extension for VSC and in the settings of VSC, change the "Auto Save Delay" to 500. With this you will have real time preview of your changes in your browser, without the need of saving all time.
Hola, en dispositivos tactiles como podria realizar una animacion luego de que se realice el click??? entiendo que con "active" en lugar de hover, pero el problema es que la transicion solo dura el tiempo que se mantiene precionado, por lo tanto solo se alcanza a ver una pequeña fraccion de tiempo de la animacion. Como podria realizar la animacion completa independientemente de lo que dure el click?=?=?=
Una pregunta veo que la clase por ej. botón dos cuando la escribiste en el CSS, le agregas un punto en el medio para que quede "boton.dos". Yo recién estoy aprendiendo CSS, pero tenía entendido que las Clases se escriben tal cual están en el HTML o cuando son clases que tienen espacios se le tiene que poner un punto? Buenos tutoriales!
Amigo Hola! Inmensamente agradecido con tus videos. Una pregunta, si por favor pudieras ayudarme: ¿Qué comando debo usar para conectar 2 paginas HTML a través de los botones que nos enseñaste? De verdad que muchas gracias amigo.
tuve un problema con el botón 5 en ves de poner en html span puse samp.... y cuando lo quise corregir las animaciones y tipografías se desconfiguraban 🙃 a si que lo deje todo con samp ... ni idea q es samp pero si no no funcion 😅
Wey y para que direccione a un apartado de una página o de la misma... como hacemos? ya intente de todas las maneras pero el botón no direcciona al url que le puse... ejemplo: href="#inicio"
¡Qué compadre más presuntuoso! A cada rato sale con su "te voy a enseñar esto...te voy a enseñar esto otro..."...ya sabemos que tú eres el genio y nosotros los ignorantes...no es necesario que lo restriegues en nuestra cara a cada rato!!!!!!
Espero que les gusten estos botones!
No olvides darle manita arriba 👍 al video y suscribirte para mas tutoriales de este tipo!
Los cursos de Udemy estan actualizados? Saludos
@@diegoeduardomoralesfuentes7227 Hola, si mis cursos siempre intento mantenerlos actualizados.
tengo problemas, y es que no se me reflejan los cambios en el navegador... uso el firefox cada que hago cambio guardo actualizo y no se ven...
AMIGO, NO ME QUIERE FUNCIONAR :(((( HAGO TODO Y TUS VIDEOS SIRVEN PORQUE YA HE USADO UNOS RECURSOS TUYOS Y TODO BIEN, PERO ESTE NO ME QUIREN FUNCIONAR :((((( se me fueron las mayusculas :(((((((((((( soy nuevo, llevo un mes estudiando empíricamente
Sinceramente me encanta cómo explicas, he comprado varios cursos tuyos en udemy y genial. Eres muy bueno
Muchas gracias!
Excelente video para seguir paso a paso cada explicación y entender las funciones de cada instrucción inclusive para los que estamos empezando. Ameno y claro cada detalle.
Termine uno de sus cursos en udemy hace un par de días y aquí me vuelve a aparecer explicando de excelente forma. Amo a este tipo XD
Wow, Falcon… desde el 2017 no veía un video tuyo. Has mejorado impresionantemente. Antes eras excelente, vale la pena decir… pero lo llevaste al siguiente nivel.
Muchas gracias!
esa manera en que explicas todo, enserio que es buena. Cuando yo no sabia javascript ví uno de tus videos y apesar de no saber nada de lo que explicabas.... Salí con una idea de lo que era. Muchas gracias.
No sabía que necesitaba ver este video hasta ahora!
Agradecido, bien explicado, eran cosas que no entendía y ahora si.
Gracias Carlos, compré tus cursos hace unos años y no me he tomado el tiempo de seguirlos, pero ahora sí lo voy a hacer, espero pronto tener los certificados.
Estupendo Carlos, mucha suerte, estoy seguro de que aprenderás mucho!
a pesar de que esto no es un curso de HTML ni CSS explica mucho mejor que muchos!
Buenas carlos todo bien.
Ya vi como lo hacés y lo optimicé usando transform: translate y el transition para el primero basta en el after y poner la prop. de transform
Saludos
Tus vídeos son excelentes. Muchas gracias. Saludos desde Bogotá, Colombia.
Muchas gracias!
Lo del Toc me dió mucha risa. Más que nada porque todo iba muy serio y muy preciso, y jamás se hubiera esperado una referencia así en la narrativa.
Saludos FalconMasters
Excelentes videos muy bien explicado he visto casi todos tus videos y lo felicito por su desempeño y su pedagogía al explicar son pocos los que explican tan bien y entendible. Esperemos ver mas.
Muchas gracias!
Muchisimas gracias, super clara la explicación. Sos un vacan por tomarte el tiempo de compartir tu conocimiento. Gracias😁😁😁😁
Eres el mejor bro siempre veo tus vídeos, gracias por incentivar a aprender cada día más
Gracias Carlos Arturo y a tu canal Falconmasters, de verdad todo lo que se de HTML Css y Javascript los aprendí de tu canal. Cuando pueda compraré tus cursos en Udemy... 🌟🌟🌟🌟🌟
Muchas gracias por el apoyo.
@@FalconMasters Bro te mereces todo el apoyo, gracias por enseñarnos desarrollo web, ❤️
Wow, que buena explicación y aprendizaje son tus videos, son de gran ayuda de aprender algo nuevo.... Todos los efectos me gustaron, y el último me agrado mucho más para adaptarlo a mis proyectos. Te deseo lo mejor y que sigas brindando gran aporte de contenido como esto... Dios te bendiga
Gracias, no lo vi completo, porque tu explicación inicial fue muy buena, me diste la idea perfecta de como hacerlo
perfecto! recomendadísimo
Me alegra mucho escuchar eso. Saludos!
buena idea el de separar los estilos de los botones, gracias por el tutorial, necesitaba hacer practicas.
¡Excelente! Muy bien explicado como siempre señor Falcon, saludos.
Gracias!
¡¡¡Excelente Broo!!! Muy bien explicado, entendi al 100% Tienes un nuevo sub en el canal ;)
Excelente!
Felicitaciones!
Muchas gracias.
Hola Carlos Arturo, muchas gracias por el tutorial, excelente. Un saludo.
Espectacular amigo, eres muy bueno enseñando
Genial tu video.
Muchas Gracias!
Muchas gracias, idolo, crack.
Sos demaciado bueno esplicando bro
Buenísimo video!!!
Me gustan muchos estos tutoriales (sirven de mucha ayuda para realizar proyectos propios y practicar)
PD: Me pongo como reto crear la plantilla a la que se le harán las modificaciones primero sin ver la original y así practico :D
Muchas gracias y es muy buen reto ese.
Excelente, Gracias..... muy bien explicado
Felicitaciones, un tutorial muy bien explicado 👍
Gracias!
muy bueno maestro!
excelente tutorial .Muy bueno si señor
Un crack!! Muchas gracias!!!!
Felicidades!! Buen video
Gracias!
gracias @FalconMasters lo máximo
Muy buen vídeo.😃😃
Gracias!
Te amo....
Gracias capo, me ayuda muchísimo, Bendiciones.
muy buenos tus videos ,muchas felicidades
estan geniales
Hay forma de retrasar el clic en dispositivos moviles para que cuando den clic en el boton haga la animación y despues de 1 segundo lleve a la pagina web destino? ya que en dispositivos moviles sería demasiado rapido y si se logra retrasar el clic el usuario vería la animacion y despues iria al sitio web destino
Si se puede, pero para eso ya necesitas javascript. Le pones un evento al botón y que ejecute un setTimeout, que cuando acabe mande a la página destino.
@@FalconMasters Eres grande amigo! Saludos!
Oye, yo quiero usar botones pero que tengan una imagen o ícono. Eso lo has explicado en algún tutorial?
Grande bro , muchas gracias por la explicacion
Te felicito amigo eres un maestro
Muchas gracias!
Dentro del botón puedo agregar un texto link que al dar click por ejemplo envie a un vídeo de TH-cam? Gracias.
gracias por tanto!!!!!
Muchas muchas gracias :)
Da error en el W3C validator ya que al poner una referencia () dentro o afuera da error ya que no es compatible por así decirlo la etiqueta con la estiqueta ... ayuda con eso.
Ya lo resolví, resulta que es imposible usar y al mismo tiempo pero con no da problemas ,dejo código por si acaso a alguien más le de el error.
Formulario
recomiendo los cursos de Falcón Máster que están en Udemy, es un gran maestro
muchas gracias hermoso trabjo
Carlos, como puedo hacer un botón animado y que haga la misión de enviar el formulario como el de submit (Enviar).
3:43 "En este caso tengo muy poca creatividad"
*Procede a hacer 6 botones mamalones con estilos llamativos pero minimalistas*
gracias!
Espectacular
Tengo una pregunta, se puede guardar el botón para usarlo en una pantalla de Arduino o algo así.
Hola, que debo instalar en sublime text para que mi código css me muestre los colores del código escrito como se ve en el video (6:50).
Hola, no tienes que instalar nada. Simplemente con guardar el archivo con formato .css el editor debería reconocer y ponerte los colores para CSS
@@FalconMasters Muchas gracias por la respuesta, aunque no es así, no se si sea porque estoy usando la versión de Sublime Text 4.
Aprovecho para mencionar que el efecto del botón 4 no me da resultado, si aumenta de tamaño pero se sigue viendo cuadrado.
@@FalconMasters Ahora veo que es otro editor el que usas. Gracias por responder.
El cuarto botón tuve que poner 2 pixeles para que el efecto me saliera cuadrado.
Si en mi página web hice un menú de navegación con position fixed, ¿qué puedo hacer con los botones que están en relative?, ¿O no puedo hacer nada?
Hola muy bien video, gracias por el aporte, queria hacerte una consulta, como podria hacer para que esas animaciones se vea cuando cargo el navagador?
Excelente, pero como hago para que todo el botón incluido el hover, ponerle un link para abrir otra página
Yo estoy intentando hacer los de derecha, izquierda, arriba, abajo de los que faltan. Es genial, porque nosotros mismos buscamos la solución.
Ey falcon una dudaaaa en el 4to botón ya intente de todo y no le puedo poner el border-radius, e incluso descargué tu código y no me funciona el botón.
¿Es problema de mi computadora? o de algunas versiones?
Psd: Gracias por si respondes :v
Es el navegador me parece. Porque en FF si funciona.
No me función en Chrome. Creo que viene por ahí el tema.
Tienes vídeos es los que das funciones a botones como esos? busco por todo lados y no encuentro como hacerlo, excelente vídeo!!!
Si, tengo muchos videos de Javascript, que es con lo que le darías funciones.
Sos el mejor
Como podría hacer para ponerles un link a esos, para que al darle clic por ejemplo me mande a otra página. Yo lo hacia con a href pero aquí no me sirve AIUDA :(((((
En vez de usar un boton usa un enlace
@@FalconMasters ¿Cómo? No me aparece enlace 😫 Soy nuevo 😥😥
@@tonystete3988 Te recomiendo ver mi curso de HTML y CSS para que veas como agregar enlaces en una pagina. Y a ese enlace simplemente le pones la clase del boton.
@@FalconMasters AAAAAAAAAAAAAAAAAAAA ya pude, muchas gracias
@@tonystete3988 Me alegra que pudieras!
No me sale el boton 4, como que se queda cuadrado y no redondo
Falcon mi circulo crecre y su lado derecho es mas lento que el izquierdo, boton 4 sabes que peude ser?, por cierto desde que inicie en la programacion veo tus videos, el primero fue el curso HTML(10 estrellas).
Esos efectos se pueden usar en un sitio hecho en WordPress?
Si, siempre y cuando sepas como editar el tema o incrustar código html y css
En el ultimo boton me queda el texto del boton arriba y el svg justo abajo. osea no envuelve el texto :s
hi, can you guide me how can i see the code changes live like in your clip? every time I write a piece of code and want to see the changes, I have to reload the page to see the changes.
I also reload manually using F5. Although you can use extensions like Live Reload to auto reload the page everytime you make a change.
@@FalconMasters I still use F5, however it forces me to exit the page completely in order to use F5 to open it. What is the name of the utility you use in the video? I found it to load very smoothly almost instantly.
@@thanhlocnguyen3480 Could you specify at what min does it show what you want to achieve?
@@FalconMasters after i make the code and want to see the changes, i press F5 then chorme opens 1 tab to view, when i change or edit the code and keep pressing F5 it forces me to turn off that tab to load the wiew , each time doing so is very time consuming and it is not possible to see live changes immediately like your clip. I'm Vietnamese, it's very difficult to find information or problems
Use "Live Server" extension for VSC and in the settings of VSC, change the "Auto Save Delay" to 500.
With this you will have real time preview of your changes in your browser, without the need of saving all time.
Como se llama el programa donde escribio los codigos?
muy buenas el boton cinco no me funciona como a ti
se me queda la flecha en el centro y no se mueve
gracias
Hola, en dispositivos tactiles como podria realizar una animacion luego de que se realice el click??? entiendo que con "active" en lugar de hover, pero el problema es que la transicion solo dura el tiempo que se mantiene precionado, por lo tanto solo se alcanza a ver una pequeña fraccion de tiempo de la animacion. Como podria realizar la animacion completa independientemente de lo que dure el click?=?=?=
Ahora unos con animaciones al dar clic como los de Materialize css. Saludos!
Genial
Una pregunta veo que la clase por ej. botón dos cuando la escribiste en el CSS, le agregas un punto en el medio para que quede "boton.dos".
Yo recién estoy aprendiendo CSS, pero tenía entendido que las Clases se escriben tal cual están en el HTML o cuando son clases que tienen espacios se le tiene que poner un punto?
Buenos tutoriales!
menso
es el css lo que centra los botones verdad? en el html no quedan centrados
Amigo Hola! Inmensamente agradecido con tus videos. Una pregunta, si por favor pudieras ayudarme: ¿Qué comando debo usar para conectar 2 paginas HTML a través de los botones que nos enseñaste? De verdad que muchas gracias amigo.
Amigo lo hallaste? Creo que era ponerle el link de tu HTML al boton
Te amo :)
tuve un problema con el botón 5 en ves de poner en html span puse samp.... y cuando lo quise corregir las animaciones y tipografías se desconfiguraban 🙃 a si que lo deje todo con samp ... ni idea q es samp pero si no no funcion 😅
Wey y para que direccione a un apartado de una página o de la misma... como hacemos? ya intente de todas las maneras pero el botón no direcciona al url que le puse... ejemplo: href="#inicio"
A los botones no les puedes poner el href tienes que en vez de utilizar la etiqueta button utilizar la etiqueta
@@FalconMasters Pero a lo que utilizo esa etiqueta sale la letra del botón en azul y eso daña la animación y el contorno
@@sammy9089 Si, hay que darle estilos al enlace para cambiarle el color y que sea igual que un boton.
@@FalconMasters style #0000 okay... entiende y no tienes servidor de discord?
bro, si tengo mi archivo css separado del html y hago cambios, no me actualiza en el navegador, por que?
Seguramente tengas mal relacionados los estilos CSS.
epicardo
Cual es el tema que usas en Visual Studio Code bro ! Esta genial !
Se llama Ayu, con la variante Mirage
Genial :D
Actualiza tu curso de PHP8 y MYSQL por favor.
que pasa si en lugar de poner por ejemplo, en css,
.boton .uno {}
solo accesas a
.uno {}
directamente?
es lo mismo, solo que se toma como una buena practica
@@bxnju a ok.. gracias bro
Es otra opción, yo lo hago así para ser mas especifico solamente.
como le pongo un link a los botones ayudaa he intentado hi nada
Puedes en vez de usar un button una etiqueta a y en el href="www.google.com" le pones la pagina
Gracias,@@FalconMasters pero la animacion pasa por arriba como le haria
como hago para centrarlo en un documento el último botón
Con flexbox lo puedes centrar
Hola!! alguien sabe como puedo hacer este diseño responisve? lo intento pero hasta ahora no he podido T_T ayuda por favor!
NO ME FUNCIONA EL Z-INDEX AYUDA, lo pongo pero el after sigue arriba
Revisa que tengas bien los position, si no, no te va a funcionar el z-index
esta muy lindo, pero quieri sabes como redirecciona a una pagina , no solo el boton, asi no me sirve para nada
En vez de un botón tienes que usar una etiqueta
Tiene sonido?
Amigo, muy buen video, pero perdí la cuenta de las veces que decís "lo que sería" 😅
¡Qué compadre más presuntuoso! A cada rato sale con su "te voy a enseñar esto...te voy a enseñar esto otro..."...ya sabemos que tú eres el genio y nosotros los ignorantes...no es necesario que lo restriegues en nuestra cara a cada rato!!!!!!
a mi los botones no me quedan centrados
ahora uno con inputs plox :v
ohhh meee veng..