La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).
Crea un sitio web responsivo con animaciones | Tutorial de HTML5 y CSS3
CanalJulio CodesDescripción del autor
En este tutorial en video, construiremos un sitio web responsivo desde cero usando HTML5, CSS3 y un toque de JavaScript puro. También aprenderás a usar animaciones con *keyframes* y efectos *hover*, además de una herramienta nueva para animar al hacer scroll: Scroll Reveal. Finalmente, usaremos *media queries* para hacer que este diseño web sea responsivo. *Rosa* es una plantilla premium de WordPress que puedes comprar. Los enlaces están abajo.
No olvides darle like si te fue útil el video. También, haz clic en el icono de la campanita para activar las notificaciones y así recibir alertas cuando subamos nuevos videos.
*Diseños e imágenes usados solo con fines educativos.*
[ ARCHIVOS DEL PROYECTO ]
[ REDES SOCIALES ]
[ HOSTGATOR ]
[ MI EQUIPO ]
Portátil para programación y edición de video
Portátil: Dell XPS 15 7590
Procesador: Intel Core i7-9750H (9ª generación)
RAM: 32GB (actualizado)
Tarjeta gráfica: Nvidia GeForce GTX 1650 4GB GDDR5
Almacenamiento: SSD NVMe PCIe M.2 de 500GB (actualizado)
--- Extras ---
Pantalla: Dell Ultrasharp 27"
Teclado: Logitech MX Keys
Ratón: Logitech MX Master 3
Micrófono: Blue Yeti
Para agilizar el desarrollo, no se usaron prefijos CSS. Para asegurar compatibilidad entre navegadores, usa prefijos según sea necesario.
No olvides darle like si te fue útil el video. También, haz clic en el icono de la campanita para activar las notificaciones y así recibir alertas cuando subamos nuevos videos.
*Diseños e imágenes usados solo con fines educativos.*
[ ARCHIVOS DEL PROYECTO ]
[ REDES SOCIALES ]
[ HOSTGATOR ]
[ MI EQUIPO ]
Portátil para programación y edición de video
Portátil: Dell XPS 15 7590
Procesador: Intel Core i7-9750H (9ª generación)
RAM: 32GB (actualizado)
Tarjeta gráfica: Nvidia GeForce GTX 1650 4GB GDDR5
Almacenamiento: SSD NVMe PCIe M.2 de 500GB (actualizado)
--- Extras ---
Pantalla: Dell Ultrasharp 27"
Teclado: Logitech MX Keys
Ratón: Logitech MX Master 3
Micrófono: Blue Yeti
Para agilizar el desarrollo, no se usaron prefijos CSS. Para asegurar compatibilidad entre navegadores, usa prefijos según sea necesario.
Sobre este tutorial
Julio Codes publicó este tutorial en vídeo de 2:30:43 el 5 de enero de 2020. Se ha visto 317.405 veces en YouTube.
- Canal
- Julio Codes
- Categoría
- Educación
- Duración
- 2:30:43
- Publicado
- 5 de enero de 2020
- Visualizaciones
- 317.405
- Me gusta
- 11.951
Compartir
Este tutorial en otros idiomas
- ENBuild a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
- FRConstruire un site web réactif avec des animations | HTML 5 et CSS 3 Tutoriel
- PTConstruir um site Responsive com animações | HTML 5 e CSS 3 Tutorial
- ITCostruire un sito web reattiva con animazioni | HTML 5 e CSS 3 Tutorial
- DEErstellen Sie eine Responsive-Website mit Animationen | HTML 5 und CSS 3 Tutorial
- NLBouw een Responsive website met animaties | HTML 5 en CSS 3 Tutorial
- RUСоздание Отзывчивый веб-сайт с анимацией | HTML 5 и CSS 3 Учебное пособие
- PLBudowanie elastycznej witryny animacje | HTML 5 i CSS 3 Tutorial
- JAアニメーションと応答ウェブサイトを構築します| HTML 5やCSS 3のチュートリアル
- ARبناء مجيب الموقع مع صور متحركة | HTML 5 و CSS 3 دروس
- HIएनिमेशन के साथ एक उत्तरदायी वेबसाइट का निर्माण | एचटीएमएल 5 और सीएसएस 3 ट्यूटोरियल
- IDMembangun Website Responsif dengan Animasi | HTML 5 dan CSS 3 Tutorial