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
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.
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
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.
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.
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).
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!
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"
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 😅
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.
¡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.
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!
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
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.
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
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.
Agradecido, bien explicado, eran cosas que no entendía y ahora si.
No sabía que necesitaba ver este video hasta ahora!
Tus vídeos son excelentes. Muchas gracias. Saludos desde Bogotá, Colombia.
Muchas gracias!
Muchisimas gracias, super clara la explicación. Sos un vacan por tomarte el tiempo de compartir tu conocimiento. Gracias😁😁😁😁
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!
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, ❤️
buena idea el de separar los estilos de los botones, gracias por el tutorial, necesitaba hacer practicas.
Eres el mejor bro siempre veo tus vídeos, gracias por incentivar a aprender cada día más
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!
¡¡¡Excelente Broo!!! Muy bien explicado, entendi al 100% Tienes un nuevo sub en el canal ;)
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
Excelente!
Felicitaciones!
Muchas gracias.
¡Excelente! Muy bien explicado como siempre señor Falcon, saludos.
Gracias!
estan geniales
Hola Carlos Arturo, muchas gracias por el tutorial, excelente. Un saludo.
Sos demaciado bueno esplicando bro
Genial tu video.
Muchas Gracias!
excelente tutorial .Muy bueno si señor
Espectacular amigo, eres muy bueno enseñando
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?
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.
Muchas gracias, idolo, crack.
Buenísimo video!!!
Excelente, Gracias..... muy bien explicado
muy bueno maestro!
Te felicito amigo eres un maestro
Muchas gracias!
Un crack!! Muchas gracias!!!!
Te amo....
muy buenos tus videos ,muchas felicidades
Felicitaciones, un tutorial muy bien explicado 👍
Gracias!
gracias!
Yo estoy intentando hacer los de derecha, izquierda, arriba, abajo de los que faltan. Es genial, porque nosotros mismos buscamos la solución.
Gracias capo, me ayuda muchísimo, Bendiciones.
gracias @FalconMasters lo máximo
Muy buen vídeo.😃😃
Gracias!
gracias por tanto!!!!!
muchas gracias hermoso trabjo
recomiendo los cursos de Falcón Máster que están en Udemy, es un gran maestro
Muchas muchas gracias :)
Grande bro , muchas gracias por la explicacion
Felicidades!! Buen video
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
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?
Espectacular
Dentro del botón puedo agregar un texto link que al dar click por ejemplo envie a un vídeo de UA-cam? Gracias.
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.
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.
Carlos, como puedo hacer un botón animado y que haga la misión de enviar el formulario como el de submit (Enviar).
Tengo una pregunta, se puede guardar el botón para usarlo en una pantalla de Arduino o algo así.
Excelente, pero como hago para que todo el botón incluido el hover, ponerle un link para abrir otra página
Sos el mejor
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.
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!
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.
3:43 "En este caso tengo muy poca creatividad"
*Procede a hacer 6 botones mamalones con estilos llamativos pero minimalistas*
No me sale el boton 4, como que se queda cuadrado y no redondo
gracias
Ahora unos con animaciones al dar clic como los de Materialize css. Saludos!
muy buenas el boton cinco no me funciona como a ti
se me queda la flecha en el centro y no se mueve
En el ultimo boton me queda el texto del boton arriba y el svg justo abajo. osea no envuelve el texto :s
Te amo :)
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?
Genial :D
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
es el css lo que centra los botones verdad? en el html no quedan centrados
Como se llama el programa donde escribio los codigos?
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!
menso
Genial
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.
Cual es el tema que usas en Visual Studio Code bro ! Esta genial !
Se llama Ayu, con la variante Mirage
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 😅
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
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.
epicardo
Actualiza tu curso de PHP8 y MYSQL por favor.
Amigo, muy buen video, pero perdí la cuenta de las veces que decís "lo que sería" 😅
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
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
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
como hago para centrarlo en un documento el último botón
Con flexbox lo puedes centrar
a mi los botones no me quedan centrados
Hola!! alguien sabe como puedo hacer este diseño responisve? lo intento pero hasta ahora no he podido T_T ayuda por favor!
Tiene sonido?
¡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!!!!!!
ahora uno con inputs plox :v
Iba a ser primero, pero me quede viendolo y ya no comente :(
Lo que importa es la intención. Muchas gracias por ver el video!