- 46
- 437 155
AutoDidactDev
Peru
เข้าร่วมเมื่อ 8 พ.ค. 2021
Card personalizada (tarjeta de recetas) || HTML y CSS
En este video aprenderemos a crear una card personalizada de recetas con html y css.
Puedes apoyar al canal uniéndote a: www.patreon.com/autodidactdev
Código fuente: www.patreon.com/posts/card-tarjeta-de-70236233?Link&
Imagen usada: drive.google.com/drive/folders/1XxdSNk3rHwxJVDMOe0eawaMwJJ_5IZIg?usp=sharing
Video de font Awesome: th-cam.com/video/FQzCD-QmGcY/w-d-xo.html
Video de fuentes de google: th-cam.com/video/cdDXOsDPqCo/w-d-xo.html
video de variables con css: th-cam.com/video/sLjpA8jiYbc/w-d-xo.html
CDN font Awesome: cdnjs.com/libraries/font-awesome
Google fonts: fonts.google.com/
Puedes apoyar al canal uniéndote a: www.patreon.com/autodidactdev
Código fuente: www.patreon.com/posts/card-tarjeta-de-70236233?Link&
Imagen usada: drive.google.com/drive/folders/1XxdSNk3rHwxJVDMOe0eawaMwJJ_5IZIg?usp=sharing
Video de font Awesome: th-cam.com/video/FQzCD-QmGcY/w-d-xo.html
Video de fuentes de google: th-cam.com/video/cdDXOsDPqCo/w-d-xo.html
video de variables con css: th-cam.com/video/sLjpA8jiYbc/w-d-xo.html
CDN font Awesome: cdnjs.com/libraries/font-awesome
Google fonts: fonts.google.com/
มุมมอง: 13 301
วีดีโอ
Tabla de Datos Simple con HTML y CSS
มุมมอง 40K2 ปีที่แล้ว
En este video aprenderemos a crear una tabla simple con html y css. Puedes apoyar al canal uniéndote a: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/tabla-de-datos-y-66295082?
Login simple con HTML, CSS y JS
มุมมอง 55K2 ปีที่แล้ว
En este video aprenderemos a crear un login con html, css y js. Puedes apoyar al canal uniéndote a: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/login-simple-65903297? Video de font Awesome: th-cam.com/video/FQzCD-QmGcY/w-d-xo.html CDN font Awesome: cdnjs.com/libraries/font-awesome
Slider con HTML, CSS y JS
มุมมอง 3.1K2 ปีที่แล้ว
En este video aprenderemos a crear un slider simple con html, css y js. Patreon: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/slider-con-html-65428443? Video de font awesome: th-cam.com/video/FQzCD-QmGcY/w-d-xo.html Pagina de CDN Font Awesome: cdnjs.com/libraries/font-awesome Pagina de imágenes: www.pexels.com/es-es/
Imágenes Giratorias con HTML y CSS
มุมมอง 1.5K2 ปีที่แล้ว
En este video aprenderemos a crear un contenedor giratorio con imágenes. Descargar imágenes: drive.google.com/drive/folders/1ss5WRUceCZxgUmVps5r8F3P9eNARh_tg?usp=sharing Código fuente: www.patreon.com/posts/imagenes-65358484? Pagina de imágenes usadas: wall.alphacoders.com/ Video de variables con css: th-cam.com/video/sLjpA8jiYbc/w-d-xo.html Apoya al canal: www.patreon.com/autodidactdev
Texto Animado | HTML y CSS
มุมมอง 8K2 ปีที่แล้ว
En este video aprenderemos a crear un texto animado usando html, css y fuentes de Google. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/texto-animado-65358446? Video de fuentes de google: th-cam.com/video/cdDXOsDPqCo/w-d-xo.html Pagina google fonts: fonts.google.com/ Pagina hue rotate: www.quackit.com/css/functions/css_hue-rotate_function.cfm
Usar Fuentes Personalizadas de Google en proyecto HTML
มุมมอง 4082 ปีที่แล้ว
En este video aprenderemos a usar las fuentes personalizadas de google fonts en nuestros proyectos web. Google fonts: fonts.google.com/
Selector de Imágenes | HTML, CSS y JS
มุมมอง 11K2 ปีที่แล้ว
En este video aprenderemos a crear un selector de imágenes con html, css y js. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/selector-de-65358386? Imágenes usadas: drive.google.com/drive/folders/1-FELZmbpdnrSOKKjOTVLPTx_7I1XdIzw?usp=sharing Pagina de imágenes: unsplash.com/
Tarjeta de Presentación | HTML, CSS y Font Awesome
มุมมอง 6K2 ปีที่แล้ว
En este video crearemos tarjetas de presentación usando html, css e iconos font awesome. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/tarjeta-de-65358341? Imágenes usadas: drive.google.com/drive/folders/1nHrXjOwrLdzo2AOwjssE38gntWZsJQW1?usp=sharing Cdn Font Awesome: cdnjs.com/libraries/font-awesome video sobre iconos font awesome: th-cam.com/video/F...
Como usar Iconos en HTML
มุมมอง 25K2 ปีที่แล้ว
En este video aprenderemos a usar iconos personalizados con font awesome en nuestras paginas. Página del cdn: cdnjs.com/libraries/font-awesome
Scroll Container | HTML , CSS y JS
มุมมอง 15K2 ปีที่แล้ว
En este video crearemos un contenedor deslizable usando html, css y js. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/scroll-container-65358307? Imágenes para descargar: drive.google.com/drive/folders/1sGunjW5sgSYVav0kll0z3Hqt-VoUGHBV?usp=sharing Pagina de imágenes: www.pexels.com/es-es/
Botones con Efecto Hover | HTML y CSS
มุมมอง 27K3 ปีที่แล้ว
En este video aprenderemos a crear botones con efecto hover usando html y css. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/botones-con-65358281?
Saturno con HTML y CSS | Dibujando con CSS
มุมมอง 7213 ปีที่แล้ว
En este video crearemos una representacion del planeta saturno con html y css. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/saturno-con-html-65358238? Link de la imagen: drive.google.com/drive/folders/1AV-m-86HhNsbL4JcCNpkd8aCqOVfq-QU?usp=sharing
Nieve con CSS y JS
มุมมอง 2.9K3 ปีที่แล้ว
En este video aprenderemos a crear nieve con html, css y JavaScript. Puedes apoyar al canal: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/nieve-con-html-y-65358187? Link de la imagen: drive.google.com/drive/folders/1oeU-Trec-wsCQCnRfJIDfAjtt6f8WaGa?usp=sharing Pagina de la imagen: wall.alphacoders.com
Checkbox Personalizado | HTMML y CSS
มุมมอง 4333 ปีที่แล้ว
En este video aprenderemos a crear un checkbox personalizado con html y css. Puedes apoyar al canal uniéndote a: www.patreon.com/autodidactdev Código fuente: www.patreon.com/posts/check-box-65358100?
Tarjetas Giratorias (flip card) | HTML y CSS
มุมมอง 80K3 ปีที่แล้ว
Tarjetas Giratorias (flip card) | HTML y CSS
Botones con efecto Ondas - Ripple Effect | CSS y JS
มุมมอง 2K3 ปีที่แล้ว
Botones con efecto Ondas - Ripple Effect | CSS y JS
Tarjeta giratoria - Flip card con HTML y CSS
มุมมอง 17K3 ปีที่แล้ว
Tarjeta giratoria - Flip card con HTML y CSS
Cielo Animado | Dibujando con HTML y CSS
มุมมอง 4303 ปีที่แล้ว
Cielo Animado | Dibujando con HTML y CSS
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
มุมมอง 1.4K3 ปีที่แล้ว
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
Loader con HTML y CSS | Ejercicios con CSS
มุมมอง 4863 ปีที่แล้ว
Loader con HTML y CSS | Ejercicios con CSS
Excelente... Buen aporte. Gracias.
tengo el código tal cual como lo tenes vos pero cuando la tarjeta se voltea la parte de atrás es bastante más grande
exelente, tienes un nuevo sub, mire muchos videos y ninguno fue claro, tu explicas mejor que los otros.
Gracias bro
♥
gracias me sirvió de mucho
gracias por tu aporte
me acabas de salvar la vida hermano, el link principal que va en el header que te da la pagina fontaweazone no funciona, pero esta si esta bien.. te ganaste un laik!
10 de 10 el video
Gracias. pero tengo un problema en cuanto cuando jira y la imagen detras va hacia abajo en el momento que le a punto gira hacia abajo y no al mismo sitio donde se ubican la imagen..
Subí otro vídeo broo
tendras alguna forma de hacerlo con taildwind?
Hola no pude mostrar las imagenes de ese modo con variables: ((
Una consulta y como puedo hacer que el login de javascript se redireccione en un enlace externo?
Muy bien explicado bro, gracias
muchas gracias, me ayudo a tener la base que necesitaba para poder hacerlo por mi cuenta
Excelente explicación 😊 luego de investigar, leer y ver otros vídeos, este tiene la explicación perfecta.
Excelente, muchas gracias!
pasen codigo
pasen codigo
Muy buena explicación!!! Gracias!!
Como puedo cambiar el tamaño del icono?
Gracias crack
Estoy siguiendo un curso de CSS y aunque ya algo entendia el tema del uso de la propiedad position, tu explicación me ayuda a tener mas claro su funcionalidad. Muy buena explicación.
Bastante útil la verdad, me ayudo mucho, merece que mas personas lo vean buen video con esto voy a chingarme al contreras en el proyecto
dsp de ver el tema en un curso de paga, leer la documentación de MDN y luego de varios otros tutoriales... por fin le he comprendido con esta explicación. Gracias!!
Excelente explicación
En mi caso gira, pero no con esa animacion, si no de manera mas estatica ¿que podria hacer?
graciaasss
Gracias!! Super claro el ejemplo!! 🙌🩷✨
Ese mismo procedimiento se puede integrar con sitepad website builder interesa saber sobre ese tema o como se puede hacer en sitepad website builder gracias
Hola dame tu correo y te contacto
excelente!
Excelente explicación!
Great vid
Excelente muchas gracias!!
Muchas gracias Men!! :D
Gracias por el tutorial, espero me sea de utilidad, bendiciones!
Gracias genio!
Buenas! Ya teniendo todo al iniciar la tarjeta me muestra el H3 no esta oculto, funciona todo pero el texto en h3 sigue mostrandose encima de la tarjeta. Que podria ser?
Ya lo soluciones, z-index: 2; y 1 en front y back. Me gusto el efecto, tome su buen like hombre
muy bueno
Te agradezco mucho por la explicación, me ha servido mucho para un proyecto escolar :)
no puedo hacer que hover me afecte a todos los elementos a la vez... es decir , si posiciono sobre el texto, afecta solo texto, o sobre la imagen, solo a la imagen...
buenísimo video!! muchísimas gracias!!!
repo?
Buen video bro
easy, gracias bro!
bro tengo una duda por que una parte aparece la imagen y en la otra en blanco y seguí tus pasos uno por uno
Excelente video 🥲encontré lo que buscaba ❤
Grande!<3