UNIDADES CSS RELATIVAS: %, REM, EM, CH, EX (CSS3)

O maior desafio de muitos web-developers é conseguir desenvolver um css organizado, robusto e utilizando as propriedades corretas de medidas.
O CSS tem várias unidades diferentes para expressar unidades de comprimento (largura x altura), entretanto, muitas propriedades não são utilizadas e abstraídas corretamente, algumas propriedades muitos desenvolvedores nem conhecem, e outras são simplesmente deixadas de lado, mesmo vivendo em uma época onde pensar em mobile-first, aplicações hibridas, layout responsivo e css robusto se tornou “obrigação”.
Nesta série de duas aulas, aprenderemos a trabalhar com medidas flexíveis para enriquecer nossos códigos front-end, e principalmente entender a diferença entre medidas absolutas e medidas relativas.
Entre as css units que iremos aprender, temos: porcentagem (%), em, rem, ch, ex, vh, vw, vmax,vmin e etc.


// LINKS IMPORTANTES:
1. W3Schools css3 units - www.w3schools.com/cssref/css_units.asp
2. Mozilla developers - developer.mozilla.org/en-US/docs/Web/CSS/length
3. Uma análise profunda sobre a utilização de "em" como media-queries flexíveis - http://zellwk.com/blog/media-query-un...
4. Breakpoints baseados em Angular Material - https://www.dropbox.com/s/y6ywstkowzm...

// INSCREVA-SE NO CANAL
http://adf.ly/1XvuRS

// REDES SOCIAIS
1. Twitter: http://adf.ly/1XvuFL
2. Facebook: http://adf.ly/1XvuIl
3. Google+: http://adf.ly/1XvuLW