- Видео 112
- Просмотров 63 513
DevDesigner
Добавлен 14 авг 2022
Hola! Mi nombre es Carmen.
¡Bienvenido a DevDesigner!
En DevDesigner, te ayudo a mejorar tus habilidades en diseño web con tutoriales paso a paso de HTML, CSS y JavaScript. Ya sea que estés comenzando o seas un desarrollador experimentado, encontrarás contenido práctico y útil para llevar tus proyectos al siguiente nivel.
¿Qué puedes esperar?
Tutoriales detallados de diseño web, desde lo básico hasta técnicas avanzadas.
Trucos y herramientas para desarrollar sitios web modernos y responsivos.
Si estás buscando recursos prácticos para convertirte en un mejor desarrollador o diseñador web, este es tu canal. Además, por solo $2, puedes acceder al código fuente de todos los tutoriales a través de mi Patreon.
¡Suscríbete ahora y empieza a mejorar tus habilidades de diseño web!
No olvides seguirme en Instagram y TikTok para más contenido y actualizaciones.
¡Bienvenido a DevDesigner!
En DevDesigner, te ayudo a mejorar tus habilidades en diseño web con tutoriales paso a paso de HTML, CSS y JavaScript. Ya sea que estés comenzando o seas un desarrollador experimentado, encontrarás contenido práctico y útil para llevar tus proyectos al siguiente nivel.
¿Qué puedes esperar?
Tutoriales detallados de diseño web, desde lo básico hasta técnicas avanzadas.
Trucos y herramientas para desarrollar sitios web modernos y responsivos.
Si estás buscando recursos prácticos para convertirte en un mejor desarrollador o diseñador web, este es tu canal. Además, por solo $2, puedes acceder al código fuente de todos los tutoriales a través de mi Patreon.
¡Suscríbete ahora y empieza a mejorar tus habilidades de diseño web!
No olvides seguirme en Instagram y TikTok para más contenido y actualizaciones.
Cómo diseñar un FORMULARIO MULTI PASO con HTML, CSS y JS
En este tutorial, estaremos diseñando un FORMULARIO MULTI-PASO moderno y funcional, utilizando HTML, CSS y JavaScript.
Este formulario está pensado para ofrecer una experiencia de usuario clara y atractiva, ideal para páginas de registro, encuestas o cualquier proyecto web que necesite pasos organizados.
Aprenderás a estructurar y estilizar el formulario, logrando un diseño profesional y fluido.
Este proyecto es perfecto para practicar tus habilidades de desarrollo web, y puedes personalizarlo fácilmente adaptándolo a las necesidades de tus proyectos.
Si tienes alguna duda o sugerencia, no olvides que los comentarios están abiertos ☺️
Si te gusta el vídeo, agradecería mucho que le dieras LIKE ...
Este formulario está pensado para ofrecer una experiencia de usuario clara y atractiva, ideal para páginas de registro, encuestas o cualquier proyecto web que necesite pasos organizados.
Aprenderás a estructurar y estilizar el formulario, logrando un diseño profesional y fluido.
Este proyecto es perfecto para practicar tus habilidades de desarrollo web, y puedes personalizarlo fácilmente adaptándolo a las necesidades de tus proyectos.
Si tienes alguna duda o sugerencia, no olvides que los comentarios están abiertos ☺️
Si te gusta el vídeo, agradecería mucho que le dieras LIKE ...
Просмотров: 17
Видео
🎅 LANDING PAGE NAVIDEÑA con HTML, CSS y JavaScript | Animaciones con SVG 🎄
Просмотров 7021 час назад
En este tutorial, estaremos creando una atractiva LANDING PAGE NAVIDEÑA, totalmente RESPONSIVE, utilizando HTML, CSS y JavaScript. Esta página está diseñada para capturar la magia de la Navidad con un diseño festivo y animaciones encantadoras. Incorporaremos copos de nieve animados que caerán suavemente sobre la página, añadiendo un toque mágico a la experiencia del usuario. Este proyecto es id...
🏋️ Responsive Gym Landing Page | Tutorial PASO A PASO - HTML, CSS y JavaScript 💪🏻
Просмотров 12914 дней назад
En este tutorial, estaremos realizando esta atractiva GYM LANDING PAGE, totalmente RESPONSIVE, utilizando HTML, CSS y JavaScript. Esta página está diseñada para resaltar los servicios y características principales de un gimnasio, con un diseño moderno y funcional. Haremos uso de la biblioteca Leaflet para incluir un mapa interactivo, Swiper para implementar carruseles geniales y ScrollReveal pa...
Crea estas sencillas TABS de CONTENIDO con HTML, CSS y JS (SIN LIBRERIAS)
Просмотров 64Месяц назад
En este tutorial, estaremos creando estas sencillas TABS DE CONTENIDO, sin necesidad de librerías, utilizando solo HTML, CSS y JavaScript. Las Content Tabs son perfectas para organizar y presentar información de manera clara y estructurada en tus proyectos web. Aprenderás a construir un diseño moderno y minimalista, asegurando que las pestañas sean totalmente funcionales y estéticas. Nos enfoca...
Responsive Tours Landing Page | Tutorial HTML, CSS y JavaScript
Просмотров 264Месяц назад
En este tutorial, estaremos realizando esta sencilla LANDING PAGE, totalmente RESPONSIVE, utilizando HTML, CSS y JavaScript. Como concepto, esta LANDING PAGE está orientada a mostrar los distintos tours que ofrece la agencia. Haremos uso de la libreria Swiper para realizar carruseles geniales, y ScrollReveal para realizar animaciones sutiles pero elegantes para nuestra landing. Anímate a realiz...
Efectos de Animación Scroll con GSAP | Tutorial Paso a Paso
Просмотров 1663 месяца назад
Efectos de Animación Scroll con GSAP | Tutorial Paso a Paso
📝 Tutorial FORMULARIO de CONTACTO RESPONSIVE con HTML, CSS & JavaScript (FUNCIONAL) 📝
Просмотров 1404 месяца назад
📝 Tutorial FORMULARIO de CONTACTO RESPONSIVE con HTML, CSS & JavaScript (FUNCIONAL) 📝
🛒 Realiza este CARRITO DE COMPRAS utilizando HTML, CSS y JAVASCRIPT | Tutorial Paso a Paso 🛒
Просмотров 6214 месяца назад
🛒 Realiza este CARRITO DE COMPRAS utilizando HTML, CSS y JAVASCRIPT | Tutorial Paso a Paso 🛒
Efecto Parallax en tu Sitio Web con GSAP | Tutorial Paso a Paso
Просмотров 1134 месяца назад
Efecto Parallax en tu Sitio Web con GSAP | Tutorial Paso a Paso
👨💻 RESPONSIVE WEBSITE con HTML, CSS y JS | Coworking Website Design 👨💻
Просмотров 1065 месяцев назад
👨💻 RESPONSIVE WEBSITE con HTML, CSS y JS | Coworking Website Design 👨💻
Efecto Hover de IMAGEN a VIDEO en HTML y CSS | Tutorial Paso a Paso
Просмотров 1926 месяцев назад
Efecto Hover de IMAGEN a VIDEO en HTML y CSS | Tutorial Paso a Paso
RESPONSIVE TECH BLOG WEBSITE con HTML, CSS y JS | Tutorial Paso a Paso
Просмотров 906 месяцев назад
RESPONSIVE TECH BLOG WEBSITE con HTML, CSS y JS | Tutorial Paso a Paso
👒 RESPONSIVE WEBSITE con HTML, CSS y JS | Vintage Clothes Website Concept 👚
Просмотров 1016 месяцев назад
👒 RESPONSIVE WEBSITE con HTML, CSS y JS | Vintage Clothes Website Concept 👚
PROFILE CARD con HTML y CSS | Card UI Design
Просмотров 1297 месяцев назад
PROFILE CARD con HTML y CSS | Card UI Design
🏋️♂️ FITNESS ADMIN DASHBOARD con HTML, CSS y JS | Utilizando Leaflet y ChartJS 📈
Просмотров 2857 месяцев назад
🏋️♂️ FITNESS ADMIN DASHBOARD con HTML, CSS y JS | Utilizando Leaflet y ChartJS 📈
🔒 Cómo crear un GENERADOR DE CONTRASEÑAS con HTML, CSS y JAVASCRIPT 🔒
Просмотров 1288 месяцев назад
🔒 Cómo crear un GENERADOR DE CONTRASEÑAS con HTML, CSS y JAVASCRIPT 🔒
RESPONSIVE LANDING PAGE con HTML, CSS y JS | Animaciones SVG con CSS | 🍈 Juice Landing Page 🍓
Просмотров 5569 месяцев назад
RESPONSIVE LANDING PAGE con HTML, CSS y JS | Animaciones SVG con CSS | 🍈 Juice Landing Page 🍓
Creando una ANIMACIÓN SVG | RESPONSIVE LANDING PAGE - HTML, CSS & JS
Просмотров 2259 месяцев назад
Creando una ANIMACIÓN SVG | RESPONSIVE LANDING PAGE - HTML, CSS & JS
RESPONSIVE PORTFOLIO WEBSITE utilizando HTML y CSS | Bento Grids UI Design
Просмотров 1,7 тыс.10 месяцев назад
RESPONSIVE PORTFOLIO WEBSITE utilizando HTML y CSS | Bento Grids UI Design
RESPONSIVE WEBSITE con HTML, CSS y JS | Tutorial Gallery Art Website (Utilizando ScrollMagic)
Просмотров 25810 месяцев назад
RESPONSIVE WEBSITE con HTML, CSS y JS | Tutorial Gallery Art Website (Utilizando ScrollMagic)
COLLECTION LISTS CARDS utilizando HTML y CSS | Card UI Design
Просмотров 11010 месяцев назад
COLLECTION LISTS CARDS utilizando HTML y CSS | Card UI Design
REALIZA este FORMULARIO DE INICIO DE SESIÓN Y REGISTRO con HTML, CSS y JS | Login Register Form
Просмотров 33110 месяцев назад
REALIZA este FORMULARIO DE INICIO DE SESIÓN Y REGISTRO con HTML, CSS y JS | Login Register Form
⌚ RESPONSIVE LANDING PAGE con HTML, CSS y JS | Watches Landing Page Concept ⌚
Просмотров 87711 месяцев назад
⌚ RESPONSIVE LANDING PAGE con HTML, CSS y JS | Watches Landing Page Concept ⌚
🎨 CREA tu propio GENERADOR de PALETAS DE COLORES con HTML, CSS y JS | Tutorial PASO A PASO 🎨
Просмотров 23711 месяцев назад
🎨 CREA tu propio GENERADOR de PALETAS DE COLORES con HTML, CSS y JS | Tutorial PASO A PASO 🎨
🎅 RESPONSIVE WEBSITE con HTML, CSS y JAVASCRIPT │Christmas Pastries Landing Page 🍰
Просмотров 171Год назад
🎅 RESPONSIVE WEBSITE con HTML, CSS y JAVASCRIPT │Christmas Pastries Landing Page 🍰
Cómo hacer una SOCIAL SHARE CARD con HTML y CSS | Card UI Design
Просмотров 62Год назад
Cómo hacer una SOCIAL SHARE CARD con HTML y CSS | Card UI Design
RESPONSIVE TEXTURE LANDING PAGE utilizando HTML, CSS y JS | Dark Mode Design
Просмотров 657Год назад
RESPONSIVE TEXTURE LANDING PAGE utilizando HTML, CSS y JS | Dark Mode Design
Como hacer un TIMELINE RESPONSIVE con HTML y CSS | UI Responsive Timeline
Просмотров 216Год назад
Como hacer un TIMELINE RESPONSIVE con HTML y CSS | UI Responsive Timeline
🎃 RESPONSIVE WEBSITE con HTML, CSS y JS | Halloween Website 💀
Просмотров 203Год назад
🎃 RESPONSIVE WEBSITE con HTML, CSS y JS | Halloween Website 💀
🎥 HAZ ESTE BUSCADOR DE PELÍCULAS DESDE CERO │ Tutorial HTML, CSS y JS (Utilizando OMDB Api) 🎥
Просмотров 715Год назад
🎥 HAZ ESTE BUSCADOR DE PELÍCULAS DESDE CERO │ Tutorial HTML, CSS y JS (Utilizando OMDB Api) 🎥
¡Qué buen video! Siempre me ha costado hacer formularios multi-etapa, pero con este tutorial se ve mucho más fácil. ¿Alguien más ha tenido problemas con la validación de datos? 😁 Por cierto, empecé a aprender en соdigо hеrое y me encanta, aunque a veces me vuelvo loco con el CSS. 🙌🏻
Muchas gracias! Me alegra que te haya servido ☺️
justo lo que necesitaba!! super sencillo y con buena apariencia! como podria agregar un boton de descarga que se habilite cuando se genera el qr?
Hola!! 👋🏼 Tendrías que convertir el QR en imagen, y luego colocar un enlace hacia esa imagen para descargar
@@devdesigner tienes algun tutorial de como hacerlo con el que pueda guiarme?
Pronto estaré haciendo uno ☺️
@@devdesigner Excelente! estaré pendiente!!
Saludos desde España. Excelente tutorial sobre esta original LANDING PAGE NAVIDEÑA. Gracias por Compartir y FELIZ NAVIDAD
Muchas gracias 😊 Feliz Navidad! 🎄🎅🏼
Genial estos ejemplos. Trato de ir haciendo todo y comprendiendo el paso a paso con la base que tengo. En el try pones el await fetch y usas backsticks para llamar a variables, pero entre esas llamadas colocas algo que no entiendo, ?apikey= y &s= (minuto15:19 del video)
Saludos!! 👋🏽 En el fetch, estamos construyendo la URL para realizar la solicitud a la API para obtener la información de las películas. "Apikey" y "s" son parámetros de esa URL y en esos parámetros estamos pasando la key de la API y el término de búsqueda que es la película que el usuario escriba en el buscador
Gracias por el Tutorial. Buen video
Me alegra mucho que te haya gustado! 🙌
Esto es maravilloso! Muchísimas gracias, crack!
Qué bueno que te guste! ☺️🙌
¡Wow, qué interesante guía para crear una landing page adaptativa! 🌟 Siempre me ha fascinado cómo pequeñas animaciones pueden hacer la diferencia. ¿Alguien más ha probado ScrollReveal? 🤔 Yo estoy empezando con codigо hеrое y me encanta aprender algo nuevo cada día. 😊
Excelente trabajo ... que raro que no tenga mas comentarios, ya tiene un año el video ... gracias por compartir
Muchas gracias Alexis! 😊
video de caca
perfecto!
Muchas gracias Roberto! Saludos! 😊
esta muy bien!
Muchas gracias! 😊
Que es ombd api?
Saludos!! 👋 OMDb API es una interfaz que permite acceder a información sobre películas y series
en el tutorial pago, enseñas mostrando o explicando?
Saludos! No tengo tutoriales pago. Todos los tutoriales son gratuitos en este canal. Puedes suscribirte a mi Patreon para obtener el código fuente de todos mis tutoriales 😊
Tutorial disponible aquí: ruclips.net/video/GDFvorsDMyk/видео.htmlsi=x5_hx5FF0wTWgAfm
una pregunta con haces para enlazar el json con el hmtl porque a mi no me carga y tampoco aparece ninguna imagen
Saludos! Te invito a ver desde el minuto 6:58, donde realizamos la Lista de Productos. A partir de allí hacemos las funciones correspondientes para hacer la carga de los productos en el DOM desde el archivo json. Te recomiendo que hagas el tutorial paso a paso para que no pierdas detalle de ninguna parte del código, para que te funcione correctamente! 🙌
Tutorial disponible aquí: ruclips.net/video/_RVZzjmm1kk/видео.htmlsi=40qjGPAT9J4XNMIs
Tutorial completo disponible aquí: ruclips.net/video/4reMkuj0vpM/видео.htmlsi=ywCMXi1M6lAWpOA_
Tutorial disponible aquí: ruclips.net/video/jVE95m1yIP0/видео.htmlsi=a7c3wdmnGO8LM1sj
Como siempre excelente
😮 Y el código?
Saludos 👋 El código lo tienes en el comentario fijado a este video ☺️
Excelente! Me ayudo mucho con mi proyecto!! Gracias bro.
Gracias Moisés! Me alegra que te haya servido ☺️🙌
A mi no me funcionó
ya quiero llegar a tener tu nivel, voy mejorando poco a poco.
Gracias Lucas! Practica mucho todos los días. Y ya verás que vas a avanzar muy rápido 🙌🤗
créeme hermano, si te grabaras explicando como lo haces, tendrías miles de visitas, veo mucho potencial desaprovechado, me encantaría verte crecer por todo el esfuerzo que pones en tus videos.
Muchas gracias por tu apoyo! Espero muy pronto poder subir videos explicando el código con voz 😊🙌
No puedo entender como no tenes mas visitas, me encanta tu contenido
Muchas gracias!! 😊🙌
Suscrito de una bro, buen tuto!
Gracias Mauricio! 🙌
Hola!! felicidades, excelente video, todo muy bien explicado! saludos desde Barcelona España.
Gracias Alejandra! 😊 Saludos 👋
Buen video bro, una pregunta, que vscode theme usas en ese video? esta god
Saludos! 👋 Ese editor de código es Sublime Text. Allí estoy utilizando el tema oscuro del programa
uffff treendoooo, sigue subiendo mas proyectos
Gracias 😊 Me alegra mucho que te gusten 🙌
hola, para el css se debe instalarlo en extensiones en Visual Studio Code? Saludos buen video
Hola María! En Visual Studio Code puedes trabajar con CSS sin instalar otra cosa. Simplemente crea el archivo en tu carpeta y le colocas la extensión .css
Hola bro, excelente video! Tu sabes cómo subir una página web? Lo que pasa es que yo creé una pero no sé cómo hacer el hosting o cómo subirla. Me puedes ayudar con eso? Te lo agradecería mucho🙏🏼🙏🏼🙏🏼
dale te ayudo
Te felicito muy buena explicación y demostración en tus 2 videos .
Muchas gracias ☺️🙌
¡Buen video, sigue así! Tu contenido es de mucha ayuda 🙏
Muchas gracias 😊 Me alegra que te ayude 🙌🙌
Muy buena idea para un portafolio y exelente video.
Muchas gracias ☺️🙌
Que buenos proyectos realizas hermano, ya no programo como antes pero estos proyectos me dan una motivacion a darle otra oportunidad al front end, saludos desde Paraguay!
Hola Mauricio!! Muchas gracias!! Te animo a que le des otra oportunidad al frontend. Todos los proyectos de este canal están disponibles para todos los que quieran practicar y mejorar 😊🙌
Excelente me servirá mucho en mis proyectos
Excelente Juan!! Saludos!! 🙌😊
me encanta'
Muchas gracias 😊🙌
es posible que uno suba esta landing page a github con el proposito de guardar el proyecto y mostrarlo con codigo abierto y fines educativos? y de ser posible de que forma se podría dar créditos a este canal?
Hola Joaquín!! Por supuesto, puedes subir cualquiera de los proyectos de este canal a tu Github. Y puedes dar créditos, si deseas 😊 Un saludo!
Cool!!!
😎🙌
Super cool!!!!
Gran contenido! estaría genial que muestres como haces tus diseños
Muchas gracias. Me alegro que te guste 😊
Adding a whole library for the sake of two effects... It's somehow strange
buen dia amigo recien termine los tres fondos muy bueno te agradezcco saludos
Excelente!! Saludos 😊🙌
@@devdesigner
HOLA AMIGO HISE LOS TRES SALUDOSS
muy bueno mañana lo hago saludos amigo
Excelente Hugo!!! Saludos 👋😊
saludos@@devdesigner
OTRO PASES BUEN DIA
que linda quedo la pagina me encanta
Muchas gracias 😊
que bueno saludos
Muchas gracias 😊 Saludos!!
gracias
Esta genial me gusto mucho , pero hay que agregarle checked al primer input radio del html para que aparezca una imagen previa seleccionada si no de lo contrario sale fondo negro al inicio de la página 🐥
la imagen no se me coloco al lado se me coloco debajo
Hola!! 👋 Mira el tutorial nuevamente y revisa a ver qué faltó en tu código