#css #responsive #font-size

Uma das coisas que geralmente dá um trabalho pra fazer da forma certa são os tamanhos de fontes responsivos. A gente até consegue definir os media queries e colocar font-sizes para diferentes tamanhos, mas no video de hoje quero te mostrar a propriedade clamp do CSS que permite você fazer de forma bem fácil e dinâmica e junto de tudo isso, vou te mostrar também como pegar os valores computados do CSS com JavaScript.

Esse video tem fins educativos.

=========

Link Secreto:

❓❓ https://emersonbroga.com/secret❓❓

✅ Tenho um curso de JavaScript do básico ao avançado. http://emersonbroga.com/js

✅ Tenho também um livro sobre ES6, chamado JavaScript: As Novidades do ES6 http://emersonbroga.com/es6

✅ Livro Sobre ES6 Gratuito no Kindle: https://amzn.to/3iE4lIF

✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS http://emersonbroga.com/react

✅ Video: Automatização simples com NodeJS https://youtu.be/ZcjJ2qyTr7k

✅ Video: Unidades de Medida do CSS https://youtu.be/ftq6FsIRwDk

✅ Video: Entendendo o tal do CORS https://youtu.be/VZI1I3c6a2g

✅ Video: Carrossel com React https://www.youtube.com/watch?v=cX0N3TNxumw

✅ Video: Upload de imagens com a FETCH API do JavaScript! https://www.youtube.com/watch?v=5RUgDRZjmjA

✅ Video: Alterando respostas da API com Charles Proxy https://youtu.be/AhKy8dSXia4

✅ Video: Busca Instantânea com React https://youtu.be/3vmL_y9CxI8

✅ Video: Dropdown de Cidade e estado https://youtu.be/Aca6mAXi0j4

✅ Video: Como ordenar arrays no JavaScript! https://www.youtube.com/watch?v=JxdsTHdgqAU

✅ Video: Como funciona o useEffect? https://www.youtube.com/watch?v=ehtB6ynyIlU

========= Time Stamps:

00:00 Intro 00:25 Como deixar as fontes responsivas com CSS 01:40 Estrutura do Projeto 03:11 Plugin de live reload do VSCode 03:44 Escrevendo o CSS básico 06:09 Como usar fonte do Google Fonts
07:12 Continuando a escrever o CSS básico 08:30 Deixando as fontes responsivas 10:28 Usando tamanho de fontes relativas 11:30 Como pegar valores computados do CSS com JavaScript 17:10 Como usar o CSS Clamp 22:21 Finalização

Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!

➜ Veja as dicas no Instagram 📸: https://emersonbroga.com/instagram

➜ Assista nosso canal no Youtube 📺 : https://emersonbroga.com/youtube

➜ Curta nossa página no Facebook 👍 : https://emersonbroga.com/facebook

➜ Não perca as atualizações no Twitter 🐦 : https://emersonbroga.com/twitter

➜ Siga nossos repositórios no Github ⌨️: https://emersonbroga.com/github

==========

Sobre Emerson Broga Dev (@emersonbrogadev):

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais. Saiba mais em http://bit.ly/2yFCqR1

========== Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/

css clamp font-size responsive text text responsivo javascript react frontend programador dev soudev broga ... https://www.youtube.com/watch?v=ZPoAew-2Gqg