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.
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 ?
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
Rapaz...tenso...Sei que quem controla isso é o RUclips 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 RUclips tomar uma providência para tirar do ar ou minimizar o tempo de exibição entre uma e outra!!
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.
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! :)
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
![[CSS] Unidades de medida em vs rem.](http://i.ytimg.com/vi/ZsPyZZeNCxU/mqdefault.jpg)
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.
Nós não criamos mais websites, criamos aplicações web :)
Relaxa, um site como a wix jamais irá criar uma aplicação web.
kkkkk mano siim
A pergunta é: quem que usa Wix?
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
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!
Aeeee, ótimo vídeo... Cara, continue assim, estou sempre a espera de seus vídeos, parabéns!
Picas?
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 ?
Ficou muito confuso a explicação do em e rem.
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
muito bom muito bom mesmo
Rapaz...tenso...Sei que quem controla isso é o RUclips 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 RUclips tomar uma providência para tirar do ar ou minimizar o tempo de exibição entre uma e outra!!
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.
Instale o adblock
Ferreira Studios vocês teriam um pdf explicando tudo isso que está no vídeo?
Ficarei grato.
6:00
Sensacional amigo. Só o excesso de anúncios no vídeo que me deixou incomodado. Recomendo diminuir. Obrigado
isso é bom então pra criar um site responsivo
Fiquei confuso na parte REM
Amigo, a aula é boa mas à um excesso de propaganda, desisti!
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
=(
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! :)
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