Como criar imagens responsivas (css responsivo) ? 

Finalmente alguém que não fica naquela falácia que todo mundo já sabe ou que quando você pesquisa sobre o assunto vem com tutorial de redimensionamento de imagens e tempo de carregamento de site com Wodpress que tem inúmeros plugins, este vídeo é realmente para os programadores raíz que quebra a cabeça pra tornar um site mais veloz e que trabalha com manutenção que é bem diferente de construir do zero. O dimensionamento de imagens e carregamento rápido em dispositivos mobile sempre foi meu terror e acredito que seja pra todos os programadores front-end e eu nunca vi nenhum tutorial sobre esse assunto, só aquele feijão com arroz que não ajuda em nada na prática, principalmente para manutenção de sites. Ganhou uma inscrita e com todo meu profundo respeito.

E como faz quando quer que a imagem pegue o total em height da div?

Fala maninho. Estou querendo criar um sistema de aplicativo de robô com inteligência artificial que possa dar sinais de resultados de jogos online. qual linguagem tu acha melhor?

Muito bom o conteúdo e a explicação. Como ficaria se a imagem estiverem vindo de um caminho virtual, de um banco de dados por exemplo.

Cara css não é fácil , meu problema é que coloquei uma logo no canto superior esquerdo do header e uma frase centralizada no mesmo , ao diminuir essa tela o texto vem mas a imagem fica estática , e abaixo dessa frase pretendo colocar um menu e todo jeito que faço o menu e a frase sempre vai pra perto da imagem parece que ela virou um imã pra tudo que faço no header quando mexoo fica perto dela . ja tentei de tudo rs

A aula que eu estava procurando! Obrigada!

te amoooooooooo obrigado manoo

Cara, que vídeo incrível! Consegui "consertar" todas as imagens do meu site. Gratidão!!!

Muitoooo bom!!! Obrigado professor :D

top demais parabéns

Obrigada

Video top, mto obrigado!

Que conteúdo top👌👌

Muito bom mesmo

Muito bom! o Guanabara ensina essa tag no curso de html e css.

top a explicação e exemplo. Obrigado!

Mas eu estou com o seguinte problema: uma imagem, pelo que conferi no inspecionar do google chrome, ja esta com height auto e max widht a 100% e ainda assim nao está responsiva. Como resolvo???

values prof, nice explicação, direto e muito informativo

Mas o valor do height não é auto por padrão?, acho que explicitar ele em código não fará diferença mesmo em termos de otimização.

9:01

Gostei, um conteúdo bem diferente e eficaz, parabéns!

e outro problema tambem, é que uma imagem coloquei widht a 100% mas a imagem ficou totalmente borrada. como resolvo isso tbm??

Muito bom testei com texto e ficou bom também

Gratidão prfessor! Será que você poderia fazer um vídeo com exemplos práticos onde mostram quais situações cada uma dessas formas atendem melhor o projeto? pelo que eu percebi, a tag picture só é melhor quando se quer uma imagem ligeiramente diferente, dependendo do tamanho da tela. Por exemplo, nesse vídeo, a foto do carro é cortada quando a tela fica menor. De resto é melhor usar o max-width. Foi o que eu consegui perceber.

Vídeo muito bom irmão

pra otimizar mais ainda os sites em relaçao a img responsiveis é bom ter mente que as imagens quando vão diminuindo os px não é obrigatório ela ter a qualidade inicial, quando vcs tem isso em mente tem como fazer uma imagem compactar e funcional, quando forem exporta imagens tenha em mente a doc de seleção seja, png, jpeg e etc kda uma das extensões vai ter sua finalidade pra o que vcs vão usa

Melhor aula Front-end que já vi

Merece 1 zilhão de likes!!!

Irmão essa aula ajudou demaaaaaaais, gratidão!

Que aulão!!!! ❤❤❤❤

me salvou

que aula sensacional!