Tutoriales de HTML y CSS por KEYQUOTES

Tutoriales de HTML y CSS por KEYQUOTES


Que tal estimado Geeker, en el artículo anterior culminamos con los RECURSOS brindados por parte de Código Facilito, en esta oportunidad los RECURSOS serán brindados por Keyquotes. Keyquotes es un excelente canal de Youtube en donde podemos encontrar vídeo-tutoriales prácticos, déjame decirte que aunque algunos de los vídeo-tutoriales son un poco antiguos sin duda aprenderás algo nuevo.

En esta oportunidad te presento uuna serie de tutoriales por parte de Keyquotes, tutoriales variados en donde se hace uso de HTML, CSS y en algunos casos JavaScript. Keyquotes te enseñará muchos trucos nuevos y efectos con solo CSS que podrás aplicar en tus proyectos. Como este no es un "curso", sino una serie de "tutoriales", te recomiendo que si no sabes HTML, CSS y JavaScript, o eres nuevo, revises los demás artículos del BLOG para que aprendas lo básico y de esta manera no te pierdas a la hora de ver esta serie de tutoriales.

Si eres nuevo, te recomiendo revisar los siguientes artículos antes de que inicies con esta serie de tutoriales, a continuación te dejo los enlaces:

- HTML: "Curso de HTML Básico por FalconMasters", "Curso de HTML5 por Código Facilito"
- CSS: "Curso de CSS Básico por FalconMasters", "Curso de CSS por Código Facilito"
- JavaScript: "Curso de JavaScript Básico por FalconMasters", "Curso de JavaScript por Código Facilito"

Cuando te sientas listo para empezar con la serie de tutoriales, hazlo. De igual manera el instructor te indicara para que se usa dicho elemento HTML o dicha propiedad CSS. Como ya te lo mencioné anteriormente, al culminar con esta serie de tutoriales habrás aprendido muchos trucos nuevos, sin duda este es un excelente RECURSO para ti. Sin más, a continuación te dejo el temario del curso y el vídeo de introducción a la serie de tutoriales, que lo disfrutes:


Temas que verás en el curso:

1. Tutorial HTML y CSS | centrar div en el navegador (eje XY) (sub)
2. Tutorial HTML y CSS | insertar tipografía externa en una página web (sub)
3. Tutorial HTML y CSS | crear página web fluida (básico)
4. Tutorial Photoshop CS6, HTML y CSS | mostrar solo una parte de una imagen
5. Tutorial HTML y CSS | colocar la miniatura de nuestra web (favicon)
6. Tutorial HTML y CSS | crear un footer web (pie de página)
7. Tutorial HTML y CSS | hover animado con cambio de profundidad en la imagen
8. Tutorial HTML y CSS | crear hover con transición alrededor de una imagen
9. Tutorial HTML y CSS | crear menu con animación en CSS3
10. Tutorial HTML y CSS | poner más de un background
11. Tutorial HTML y CSS | colocar bandera en la página con animación
12. Tutorial HTML y CSS | crear web fluida o flotante (responsive design) básico
13. Tutorial HTML y CSS | página estática con diseño fluido
14. Tutorial HTML y CSS | página estática con diseño fluido
15. Tutorial HTML y CSS | efecto scroll con imagen de fondo
16. Tutorial HTML y CSS | crear efecto de hover en una imagen (parte 1)
17. Tutorial HTML y CSS | crear efecto hover en una imagen (parte 2)
18. Tutorial HTML y CSS | crear efecto hover en una imagen con texto animado
19. Tutorial HTML y CSS | crear menu lateral con efecto de hover 1° parte
20. Tutorial HTML y CSS | crear body adaptativo con margen fijo a un lado 2° parte
21. Tutorial HTML y CSS | añadirle efecto de transición a la propiedad CSS transition
22. Tutorial HTML y CSS | insertar fuente (tipográfia) desde google fonts
23. Tutorial HTML y CSS | crear menu horizontal (parte 1)
24. Tutorial HTML y CSS | crear menu horizontal (parte 2)
25. Tutorial HTML y CSS | personalizar scrollbar en CSS 3
26. Tutorial HTML y CSS | crear contenedor estilo Apple
27. Tutorial HTML5 y CSS3| crear menu horizontal con efecto hover
28. Tutorial HTML y CSS | solucionar problema con font face
29. Tutorial HTML5 y CSS3| menu horizontal con efecto hover
30. Tutorial HTML5 y CSS3| crear efecto acordeon
31. Tutorial HTML5 y CSS3| contenedor con efecto hover
32. Tutorial HTML, CSS y JQuery| efecto scroll Blur y parallax
33. Tutorial HTML y CSS | scroll con imagen fija

Vídeo de introducción al curso:





No hay comentarios.:

Publicar un comentario

loading...