- 46
- 423 685
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: ua-cam.com/video/FQzCD-QmGcY/v-deo.html
Video de fuentes de google: ua-cam.com/video/cdDXOsDPqCo/v-deo.html
video de variables con css: ua-cam.com/video/sLjpA8jiYbc/v-deo.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: ua-cam.com/video/FQzCD-QmGcY/v-deo.html
Video de fuentes de google: ua-cam.com/video/cdDXOsDPqCo/v-deo.html
video de variables con css: ua-cam.com/video/sLjpA8jiYbc/v-deo.html
CDN font Awesome: cdnjs.com/libraries/font-awesome
Google fonts: fonts.google.com/
Переглядів: 12 642
Відео
Tabla de Datos Simple con HTML y CSS
Переглядів 39 тис.2 роки тому
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
Переглядів 54 тис.2 роки тому
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: ua-cam.com/video/FQzCD-QmGcY/v-deo.html CDN font Awesome: cdnjs.com/libraries/font-awesome
Slider con HTML, CSS y JS
Переглядів 3,1 тис.2 роки тому
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: ua-cam.com/video/FQzCD-QmGcY/v-deo.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,5 тис.2 роки тому
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: ua-cam.com/video/sLjpA8jiYbc/v-deo.html Apoya al canal: www.patreon.com/autodidactdev
Texto Animado | HTML y CSS
Переглядів 8 тис.2 роки тому
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: ua-cam.com/video/cdDXOsDPqCo/v-deo.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
Переглядів 3882 роки тому
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
Переглядів 11 тис.2 роки тому
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
Переглядів 6 тис.2 роки тому
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: ua-cam.com/video/F...
Como usar Iconos en HTML
Переглядів 24 тис.2 роки тому
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
Переглядів 15 тис.2 роки тому
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
Переглядів 27 тис.2 роки тому
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
Переглядів 7022 роки тому
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,6 тис.2 роки тому
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
Переглядів 4142 роки тому
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
Переглядів 76 тис.2 роки тому
Tarjetas Giratorias (flip card) | HTML y CSS
Navbar Responsivo con HTML, CSS y JS
Переглядів 5 тис.3 роки тому
Navbar Responsivo con HTML, CSS y JS
Tarjetas con Efecto Hover | HTML y CSS
Переглядів 31 тис.3 роки тому
Tarjetas con Efecto Hover | HTML y CSS
Botones con efecto Ondas - Ripple Effect | CSS y JS
Переглядів 1,9 тис.3 роки тому
Botones con efecto Ondas - Ripple Effect | CSS y JS
Tarjeta giratoria - Flip card con HTML y CSS
Переглядів 16 тис.3 роки тому
Tarjeta giratoria - Flip card con HTML y CSS
Cielo Animado | Dibujando con HTML y CSS
Переглядів 3993 роки тому
Cielo Animado | Dibujando con HTML y CSS
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
Переглядів 1,4 тис.3 роки тому
Efecto ondas (ripple effect) con HTML CSS y JS | Ejercicio con css y js
Loader con HTML y CSS | Ejercicios con CSS
Переглядів 4813 роки тому
Loader con HTML y CSS | Ejercicios con CSS
Botones con Curioso Efecto Hover | CSS
Переглядів 5343 роки тому
Botones con Curioso Efecto Hover | CSS
♥
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
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