
[Live Coding] #2 - Codificando layout PSD para HTML + SASS
- Feb 12
-
- 02/12/2015 at 07:30 p.m.
- (GMT-03:00) Sao Paulo
-
- Duration forecast: 3h00
- 1823 views
R$ 45.00
Description
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. ;-)
Veja o primeiro vídeo da série aqui:
https://www.eventials.com/tableless/live-coding-implementando-um-layout-com-html-css/
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/
Theme Programming
Organized by
-
-
Tableless Padrões Web
Website sobre desenvolvimento web.