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

[@rylikezfive3868]

O cara se mata estudando desenvolvimento Web para quando assistir um vídeo sobre dev, aparcer um comercial da Wix dizendo crie um site em questão de segundos. Tenso isso.

[@RamonDBS]

Nós não criamos mais websites, criamos aplicações web :)

[@GutembergMedeirosCCB]

Relaxa, um site como a wix jamais irá criar uma aplicação web.

[@andressaparanhos5255]

kkkkk mano siim

[@ramonvinicius3498]

A pergunta é: quem que usa Wix?

[@PablogarciaCriativo]

O vídeo esta excelente, me ajudou muito a entender cada uma das medidas. Cada Unidade: 2:11 - (%)Porcentagem 5:55 - em e rem 13:37 - ex e ch

[@romulocesarsi]

Aeeee, ótimo vídeo... Cara, continue assim, estou sempre a espera de seus vídeos, parabéns!

[@samuxui]

Poderia também fazer um vídeo explicando sobre posicionamentos do css. e explicando o uso correto de static, relative, absolute, fixed. Um abraço!

[@samueloliveira9427]

Obrigado cara! comecei a pouco tempo e isso me ajudou muito referente a medida EM, então eu posso dar um font-size no body e controlar todo meu layout ? facilitaria muito nos breakpoints, pois a cada tamanho de tela eu mudaria o valor do font-size é isso ?

[@thiagoleite2776]

Pô realmente esses anúncios do wix são foda de chato rs mas enfim.... você comentou sobre boilerplate css... poderia dar alguma dica? venho do back end e estou me interessando bastante por front, mas quero ir além do bootstrap por isso estou estudando o ccs do jeito certo... parabéns pelo canal!! abs

[@rodrigosousa4102]

Picas?

[@samuxui]

Ferreira Studios vocês teriam um pdf explicando tudo isso que está no vídeo? Ficarei grato.

[@gamecast4432]

isso é bom então pra criar um site responsivo

[@samuxui]

Fiquei confuso na parte REM

[@JP8431]

muito bom muito bom mesmo

[@eltonmiranda5817]

6:00

[@juniorvaz9092]

Rapaz...tenso...Sei que quem controla isso é o KZbin mas é impressão ou os vídeos do Ferreira Studios é o que mais tem propaganda por tempo de exibição!!! Deveria ter uma opção para nós meros usuários avaliar uma propaganda e o KZbin tomar uma providência para tirar do ar ou minimizar o tempo de exibição entre uma e outra!!

[@jhonatassantos7941]

Ficou muito confuso a explicação do em e rem.

[@gabrielcosta6917]

Sensacional amigo. Só o excesso de anúncios no vídeo que me deixou incomodado. Recomendo diminuir. Obrigado

[@augustotpaiva_]

Quase desisti de assistir o vídeo, anúncios demaaaaaaais. Isso atrapalha ao assimilar o conhecimento porque te interrompe toda hora a linha de raciocínio. De toda forma, obrigado pelo compartilhamento de conhecimento.

[@jonatancom8]

Instale o adblock

[@carlosrobertopaviotti9418]

Amigo, a aula é boa mas à um excesso de propaganda, desisti!

[@SrMartins]

Apesar do conteúdo legal devo lhe dar uma bronca por usar float... Todos os devs que conheço realmente acham q float serve para fazer alinhamento =(

[@leonardoferreira.design]

Olá, Thiago. Primeiramente obrigado pelo seus elogios e pela disposição em comentar, mas com relação a questão do float, vou ter que discordar um pouco, a W3C não emite nenhuma restrição para utilização da propriedade, e ela se torna importante em alguns casos, principalmente quando você não estiver utilizando propriedades flex-box, ou grids baseados em porcentagem. O próprio Bootstrap e o Angular Material utilizam a propriedade, a questão é que deve-se utilizar o float juntamente com a propriedade clear e quem sabe até criar um "clearfix" para orientar os elementos, no caso do vídeo não se fez necessário, mas você pode dar uma olhada mais sobre a documentação da propriedade em: developer.mozilla.org/pt-BR/docs/Web/CSS/float. Segundo a W3C: "A propriedade float especifica se uma caixa deve flutuar à esquerda , à direita ou não em todos.", você pode conferir mais em: www.w3.org/wiki/CSS/Properties/float, a própria comunidade da mozilla e da w3c descreve que se você utilizar float não tem necessidade de usar propriedades display por exemplo, pq o próprio float já possui um estado display:block (por padrão). De uma maneira geral, opte por propriedades em %, flex-box e afins, existem também propriedades de multiple columns do css, saiba mais em: www.w3schools.com/css/css3_multiple_columns.asp, drafts.csswg.org/css-page-floats-3 Enfim, me desculpe pelo grande texto amigo, é um prazer compartilhar e aprendermos juntos! Obrigado pelo comentário. Grande abraço e sucesso! :)

[@SrMartins]

Kkk, sem problemas... apesar da w3c não impor restricão de uso, nao significa que devemos utilizar (tanto que o "clearfix" na real é um hacky)... Eu aboli o uso de frameworks como bootstrap em meus projetos exatamente por isso... Quando vi este exemplo da w3c eu saquei o pq o float foi criado e qual seu verdadeiro propósito... (float deveria ser utilizado só pra layouts onde temos uma imagem e um paragrafo onde o texto é fluido... +/- igual ao que vemos em jornais e talz) Links: goo.gl/ndUuGc goo.gl/xSMpUC E sobre grids baseadas em porcentagem, utilizar propriedades como "display: inline-block" fazem muito mais sentido Ó este exemplo de grid flexivel sem "float" github.com/MartinsThiago/bootsmacss/blob/master/grid.scss