HTML & CSS | Formulario de Contacto Responsive con CSS Grid
Вставка
- Опубліковано 8 вер 2024
- Aprende a crear un formulario responsive de contacto para tus sitios web con HTML & CSS, y CSS grid.
CÓDIGO DE LA APLICACIÓN MOSTRADA
github.com/Faz...
CURSO DE HTML
• Curso HTML para Princi...
CURSO DE CSS
• Curso CSS para Princip...
CURSO DE GIT
• Git y Github | Curso P...
VISUAL STUDIO CODE
• Visual Studio Code, Ed...
VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
www.faztweb.com
blog.faztweb.com
FAZT - UA-cam:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
DISCORD
/ discord
SLACK
join.slack.com...
#html #css #formulario
Mil gracias hermano, que Dios te premie en salud y prosperidad. Cuando una persona sabe lo demeustra y tu claridad y sencillez para explicar algo tan técnico lo demuestra. Lo bueno de tus videos es que están explicado en un contexto que ayuda a entender con más claridad lo que dices, como se utiliza y cuando. Muchos videos son teóricos y cuya práctica no sale del "pizarron".
Tome su Like claramente MERECIDO, NOS HAS SALVADO, ESTAMOS AGRADECIDOS.
Gracias!!!! Me estaba volviendo loco usando flex y con grid resulta mas comodo acomodar los input! Graciass nuevo suscriptor🤓
CSS Grid! Wow esto se está poniendo Cool! Muchas Gracias.
Gracias Amigo saludos desde Venezuela sigo tu canal gracias por tus tutoriales que son una herramienta valiosa excelente.
Muchísimas gracias! Ahora entiendo mucho mas sobre CSS gracias a esta práctica! Añadiré estas recomendaciones al formulario de mi proyecto
Buenas Tardes:
Muchas gracias por tu disposición de compartir tus conocimientos y experiencia.
Saludos!
Gran aporte.... se me ha hecho más fácil el tema del grid contigo...
Realmente disfrute y aprendi mucho haciendo este formulario responsivo, porfavor haz mas cosas!! me gusta mucho tu manera de añadirle css al html !!
Muchas gracias por compartir tus conocimientos, me ha ayudado mucho justo lo que estaba queriendo solucionar con un formulario que no podía hacerlo responsiva.
Muchas gracias por el vídeo, el formulario está chulísimo! Pero ten en cuenta que es mala práctica pasar de un heading superior a uno inferior saltándose el intermedio. No puedes pasar de un h1 a un h3 sin pasar por un h2 primero.
Excelente casi no hay diseños de css grid en UA-cam solo cursos de css grid
te quedo muy bueno, sobre todo el diseño me gusto mucho pero te doy una recomendacion ponle resize none al textarea pq sino se va a poder modificar el tamaño y se va a arruinar todo xd
sos crack amigo, enseñas mejor que en el curso que estoy haciendo, un abrazo1
Mil gracias Fazt, por tus aportes, de verdad me han sido de gran ayuda!
Excelente mi viejo, lo que estaba buscando, muy util!
Woah, me ayudaste a entender varios trucos de css... te quiero.
¡Muchas gracias, Fatz. Me ha servido mucho, y he aprendido un montón. Ya puedo tener un formulario a mi medida. ;)
Se te da excelente el explicar hermano! muchas gracias.
Muy bien como explica, el video es muy rapido y aun asi explica bien, me hice de una vez seguidor..
Un saludo :D
Saludos de Calambras!!
Muchas gracias. Aprendí mucho con este video. Saludos
Genial Mate. Saludos y Exitos :)
en serio gracias, con tu vídeo aprendí muchas cosas
Excelente! Muchas Gracias!!!
Genio! groso! muy bueno, gracias por estos datos! saludos!
Mil gracias por brindarnos tu conocimiento!!!!
Excelente video Fazt !!! Saludos
Gracias Fazt, me gustan mucho tus videos.
Genial tu explicación, mil gracias :D
Fazt recuerda que cuando hablas de display y grid-templates-columns, te refieres a propiedades y no a clases. Buen video gracias
Pequeños detalles de un dios.
Excelente. Muchas gracias.
Muy excelente vídeo; me sacaste muchas dudas. Gracias.
Rey puede subir un ejemplo de navegacion con opcion para cerrar sesion personalizado que tenga opciones para editar el usuario conectado se agredeceria mucho 👍
Gracias! Muy buen video
I love Css-Grids
Gracias por el video, una duda, existe algún motivo para meter los label y los input dentro de etiquetas p o solo es cuestión de estilo?
Tengo la misma duda
Haz un video de IONIC 4 👍🏻👋🏻saludosss desde mexico
Excelente video como siempre Fatz
Podrías decirnos que tema usas en visual studio code y creo que tienes algo para gestionar docker, quisiera saber qué es, gracias
Muito bom, obrigado. Gracias.
Excelente
Buen video
excelente video
Buen video Fazt 😉 !
Genial!... Aún que aún sigo con dudas referente a las unidades a usar ya se que a algún contenta wrapper usas un width de X's pixeles eso no afecta para responsive ? O se recomienda usar % o em o rem? Si uso pixeles y en el navegador se ve que queda bien, esos mismos pixeles en un pantalla más grande se verá pequeño y en una pantalla pequeña se verá grande ?
Excelente contenido 🔥🔥🔥
sos Dios😀
Excepcional vídeo, ¡muchas gracias! Tengo una pregunta ¿Para qué la librería de animaciones?
Creo que se le olvido
Podrias hacer un video con la libreria Joi para validaciones de datos? xfa
Gracias!
Hola ! quería consultar un problema que estoy teniendo con los @media query , cuando escribo en el .css en vscode no me aplica la propiedad del @media en la pagina , de hecho no es la primera vez que me pasa, me ha pasado con otro proyecto de html tambien.
Lo escribi de las siguiente manera:
@media (min-widht: 700px) {
body {
padding: 0 4rem;
}
A alguien mas le paso ? si me pueden ayudar se los agradeceria mucho. Saludos!
Hi este es el como el 4 video que veo tuyo, tu estudiaste algo de sistemas o algo así???? o que estudiaste me gustaría saber???? Podrias hacer un video a para trabajar la lógica de programación con js, como pensar como programador?????
¿Por qué usa la etiqueta p en vez de div en el formulario?
Campeón, que distribución de Linux estas utilizando? Gracias por tus videos!
gracias bro
En qué parte dice como cuando alguien apreté "send", se envié toda esa información a un email personal?
no usaste css animate
Si ya lo hice así y lo tengo que modificar con bootstrap tendría que hacerlo desde cero?
Hola, no encuentro en tu video en qué parte el formulario se divide en dos, es decir, la parte de información pase a la derecha y el formulario se posicione a la izquierda.
De pronto alguien que sepa o lo haya hecho ya, me puede corregir el error, tan amables? Gracias
excelente vídeo, pero que pasó con animation css?. Que nunca fue aplicado
Excelente video bro, me has salvado.
Tengo una duda, existe la posibilidad de que los datos que dejan los clientes en el formulario puedan llegar a excel?
Qué tal bro hay un tuto si quieres te paso link o el código
Hola tendrías de validación de este? Con js?
Hola Fazt! Que THEME usas en VSCODE?
Laravel Jquery ajax = #CMS ?
Que distribución de linux estás usando?
Buenas estoy haciendo un trabajo de clase y no me sale como a ti al acabarlo, me sale con las rayas blancas y un poco mal posicionado, puedo saber por qué? Entrego el trabajo el día 15, me harías un gran favor muchas gracias
disculpa ya seguí todo pero se necesita el php para enlazar al correo donde lo consigo
tienes la continuación de este vídeo para enviar un email en php por que no entiendo como harías. se me hace confusión en la parte del botón enviar
Sallio perfecto, mi pregunta es como hago para que de verdad se envie el correo al precionar enviar?
estudiar back end
Que sistema operativo es?
y como se asocia para te lleguen los email al tuyo ?
Puedes usar codigo de Backend o usar un servicio como este: ua-cam.com/video/dJpU2OqiwxE/v-deo.html
hola no encuentro el link en font awesome para los iconos. alquien me ayuda?
Si, es que ha cambiado. Ahora debes registrarte para poder tener acceso a los íconos
@@gomezmarco Yo me acabo de registrar pero aún no encuentro el script
el video es de 30 min pero yo siempre me tiro una 1horA mas como minimo para acabar el proyecto. ya llevo 3
donde esta tu gibhub
necesito el codigo quiero verlo
no se ve un carajo todo en negro
hola que es open source código %100
Hola Sebastian, si te refieres al código de este video. Puedes hacer con el lo que gustes :)
@@FaztCode antemano gracias
@@FaztCode Hola, podrias subir la parte del boton enviar por parfor? como se haria para que ejecute.
Un video que puede durar 20 min lo extiendes mas de 30 min porque explicas cosas innecesarias.
Malas practicas.