[Live Coding] #2 - Codificando layout PSD para HTML + SASS

O Diego Eis implementou um layout completo direto do PSD para código HTML/CSS usando SASS.
Ele explicou alguns detalhes de SASS. Dessa vez ele implementou uma dashboard de admin.

Veja como ficou o site aqui:
http://tableless.github.io/dashboard-html/

Endereço do GIT:
https://github.com/tableless/dashboard-html

Veja a imagem que vai ser implementada aqui:
https://d13yacurqjgara.cloudfront.net/users/379146/screenshots/1640899/attachments/256781/Real_pixel.jpg

O PSD pode ser baixado aqui:
http://bit.ly/course-dashboard

Escrevemos muito HTML e CSS, além de um monte de dicas sobre como montar códigos bem estruturados. Usarei o Sublime Text, por isso pode ser que você veja alguns truques do editor que facilitam o trabalho diário. As imagens serão recortadas antes para gente salvar algum tempo. Mas o resto tudo eu irei fazer na hora, on the fly, com direito a pitaco e tapa na cara. ;-)

• Palestrante: Diego Eis (@diegoeis);
• Requisitos: Não precisa saber HTML.

Veja o primeiro vídeo da série aqui:
https://www.eventials.com/tableless/live-coding-implementando-um-layout-com-html-css/

Save Cancel