Curso de Diseño y maquetación web

Si no has encontrado lo que buscabas o este curso te ha parecido insuficiente...

...puedes escribirme a asantosperezgz@gmail.com o visitar estos links de interés que te ayudarán a convertirte en un Pro de la maquetación web.

Color web

• Adobe Color CC, la herramienta para generar y trabajar con paletas cromáticas: Adobe Color CC

SVG icons

• Flaticon, repositorio de iconos vectoriles, la mayoría gratism Flaticon
• Vecteezy, repositorio de iconos y otros vectores. Vecteezy

Photography

• Quitar fondo de una fotografía y descargarla sin fondo en formato PNG (no es 100% fiable) Remove.bg

HTML

• Tutoriales de iniciación a HTML, CSS y JS: w3schools
• Comandos Emmet para maquetar rápido: Emmet docs
• Framework: Skeleton
• Tutorial y recursos de Mozilla for developers: MDN web docs
• Generador de tablas de Accessify: Accessify

CSS3 SASS & LESS

• Web con guías, artículos y trucos CSS CSS Tricks
• SASS web official: SASS web
• SASS way, un blog con artículos interesantes para exprimir SASS: The SASSway blog
• LESS web official: LESS web
• Animista, una web para generar tu animación a medida: Animista

Superguías y superprácticas:

• Flexbox en castellano: Guía Flexbox en castellano
• Flexbox en CSS Tricks: Flexbox CSSTricks
• Grid CSS: Guía Grid CSS en castellano
• Grid CSS en CSSTricks: Grid CSS CSSTricks

Juegos para practicar Flexbox

• Flexfroggy
• Flexboxdefense

Otros cursos

• SoloLearn, una app de tipo quiz para aprender CSS y otros lenguajes jugando.
  Disponible para iOS y Android: Solo Learn CSS

Descargas

Descarga las diapositivas con la teoría necesaria para seguir el curso:

Descargar temario PDF

Descarga el playground para realizar pruebas y los ejercicios del curso:

Descargar Playground