- 46
- 408 158
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/
มุมมอง: 12 047
วีดีโอ
Tabla de Datos Simple con HTML y CSS
มุมมอง 36K2 ปีที่แล้ว
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
มุมมอง 52K2 ปีที่แล้ว
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.4K2 ปีที่แล้ว
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
มุมมอง 7K2 ปีที่แล้ว
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
มุมมอง 3752 ปีที่แล้ว
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
มุมมอง 23K2 ปีที่แล้ว
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
มุมมอง 26K2 ปีที่แล้ว
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
มุมมอง 6772 ปีที่แล้ว
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.5K2 ปีที่แล้ว
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
มุมมอง 3982 ปีที่แล้ว
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
มุมมอง 73K2 ปีที่แล้ว
Tarjetas Giratorias (flip card) | HTML y CSS
Botones con efecto Ondas - Ripple Effect | CSS y JS
มุมมอง 1.8K2 ปีที่แล้ว
Botones con efecto Ondas - Ripple Effect | CSS y JS
Tarjeta giratoria - Flip card con HTML y CSS
มุมมอง 16K2 ปีที่แล้ว
Tarjeta giratoria - Flip card con HTML y CSS
Cielo Animado | Dibujando con HTML y CSS
มุมมอง 3832 ปีที่แล้ว
Cielo Animado | Dibujando con HTML y CSS
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
มุมมอง 1.3K3 ปีที่แล้ว
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
Loader con HTML y CSS | Ejercicios con CSS
มุมมอง 4723 ปีที่แล้ว
Loader con HTML y CSS | Ejercicios con CSS
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
Gracias, muy buen video 👍
Excelente video 🥲encontré lo que buscaba ❤
Grande!<3
Muchas gracias por la explicación!! Enseñas muy bien, deberias hacer mas videos como este!!!!
Profe, quería saber si quiero que sólo caiga nieve de un globo que hay en el background, cómo debo hacer?
amigo eres un tigre explicando porfin lo entendi, muchas gracias
que wapo!!!!
lo intente con sass pero como como las variables de declaran diferentes... creo que por eso no sirvio
un genio y muy bueno pero desime si podrias hacerlo pero que se vean las imagenes desde arriga y giren??? y mejor si podrias cargar cada imagen eligiendolas y roten? graciasassssssssss
el unico video que me ayudo
Fino Brother...!!! gracias
amigo me re salvaste justo tenia que hacer un trabajo de informatica sobre esta tematica te amo
impecable