United States Merchant Marine Academy, Kings Point - Bem amigos, porque neste vídeo eu vou explicar as duas chaves para knowhow design responsivo. Você me viu fazer o desenvolvimento de um produto previamente em alguns minutos. talvez tenha sido muito rápido para você, para os / truques, as chaves vai explicá-las em um vídeo. São apenas duas coisas que você tem o que aprender. No vídeo a seguir, bem, na próxima série de vídeos onde você explicar mais desenvolvimentos que você vai me ver fazer em directo.Pues, Ahi Você entende muito bem que eu estou usando para o projeto Responsive, como . É simples explicar como. Você olha para esta página. Vou criar me quatro quatro caixas de div, que irá alinhar-se Projeto Responsive por isso, é tão simples como o que está aqui. Vou dar-lhe uma largura e uma altura de 200 pixels, de modo que nós vamos assistir na tela E agora eu explicar que é tudo que tenho texto abaixo (não). Porque aqui eu tenho tela, portanto, todos esses meios (sic) O agora explicado mais tarde. Quando eu aqui, atualizar o que são eu encontrar essas quatro caixas vermelhas, que estão lá todos. Juntos, que não existe qualquer diferença entre eles. Tão bom, eu vou colocar lá por um margin-top para me ver um pouco mais claro. Assim, ao atualizar, então ... se eu distingui-los de que eles estão separados. Comprovante. Como eu faço Projeto Responsive agora? Se estou aumentá-lo Vamos imaginar que agora estamos entrando com um telefone. E, esta é a partir de um Tablet. E, aqui seria, então ... um Tablet, mas, horizontal. Esta é a largura de uma pastilha horizontal. Isso já seria desktop. isso não muda, não decide, ele permanece o mesmo. Como? Bem, a primeira técnica ... o primeiro truque: colocar o monitor em inline-block O que inline-block? As caixas estão indo para obter uma ao lado da outra, desde que haja espaço estará colocando nas laterais (sempre). Você vai olhar como agora, quando você atualizar e, com o aumento como existe uma lacuna aqui tempo suficiente, de modo que neste caso entre os dois. Esta caixa vai aqui. Você verá hey! Eu fui lá. E, quando não há espaço suficiente aqui para esta caixa para entrar, esta caixa irá mudar para lá. Eu fui lá. E, quando não há espaço suficiente para a próxima. Entende? Eles se instalar. A largura é fixo. Porque eu dei-lhe 200 pixels, é uma largura fixa mas, com display: inline-block. As coisas são ajustados por si só, sem ter que fazer nada, apenas com CSS. Bem ... isso o que isso significa? Que se você, por exemplo, quiser fazer três colunas, aqui você tem muito espaço. Bem ... talvez então você pode fazê-lo aqui em uma dessas medições, quando a tela tem alguma destas medidas, alterar a largura. Por exemplo, você pode dizer-lhe que a partir de 480 a largura não é mais 200 pixels. Se não é 250. Assim, para a div de, vamos dar-lhes uma largura de 250 pixels. E, você está indo olhar como agora aqui, quando aplicada, hey! Isso já aumentou. Lá você tem, ver? Mas quando é muito pequena, ainda é 200. Então, como você está apenas são as medidas. A tela @media e a largura mínima é que você tem que colocar para dizer como as coisas vão mudar, dependendo do tamanho da tela. Mas, eu não vou explicar isso para você, por que, você pode fazer design responsivo sem este. Assim como eu estou lhe ensinando aqui. Só com display: inline-block. E, tendo em conta as larguras. Mas, você tem que pensar agora. Anchora não é apenas a largura que você deu. Há mais atributos que influenciam a largura. Por exemplo. Se eu lhe der um padding aqui. O preenchimento também é grande. Você verá que, por exemplo, uh ... quando eu tinha essas duas caixas aqui. Você vê que há já mudou. Mas com o estofo para 20.When atualizar, não cabem mais, porque o estofamento 20 também deu mais largura. E agora eles têm de manter-se este tamanho. As margens também influenciar. Por exemplo, se eu te dei a margem de 20 pixels. Aqui, se eles vêm. Mas quando eu já não atualizar cair, porque eles precisam de mais espaço, as margens que lhes dei. Mesmo se eu dei-lhe uma vantagem. Digo-vos aqui, para que eu tenha uma borda de 5 pixels. Vou dar-lhe preto, para que possamos diferenciar. porque ... quando atualizar, ele não se encaixa, porque a borda também influências. Assim, a largura de um elemento não é apenas a largura é a largura, mas o enchimento, mas as margens, além da borda. Tudo o que é a largura. Claro, preenchimento e margem. E as margens e bordas nas laterais (não para cima e para baixo) que não vai influenciar. Mas sim nos lados. Bem ... este é o primeiro número do display: inline-block largura aderir. Você já viu que, atributos que têm a ver com a largura. Método seguinte: bem ... eu vou levar tudo isso. Que é o que eu estava dando a ela aqui. E, ao lado truque para coisas para resolver. Em vez de colocá-los larguras medidas eh ..., fixo, fixo de pixels. Colocando-os com percentagens. Por exemplo, se eu dar-lhe aqui 90%. Você vê tudo o que ocupa 90%. Mas, se eu estou aumentando. Ele é ajustado para 90% da tela. Assim, também é flexível. E ele se encaixa o tamanho. Claro que, as percentagens podem ser aplicados tanto a largura, as margens, etc. Mas, você viu que você não precisa de ambos os atributos definem específico para cada uma das medidas, mas com display: inline-block. E, com o ... e, com as porcentagens. Com isso, você já pode fazer os elementos são flexíveis e, se adaptar às telas. Então, como esta que, tudo o que você precisa saber. Gerenciar o display: inline-block corretamente e saber como aplicar os percentuais. As percentagens de coisas para se ajustar ao tamanho que eles têm. E com isso você tem tudo que você precisa de Design Responsive. Você não precisa de muito mais. Praticamente 95% Projeto Responsive já fazê-lo com isso. Assim como este vídeo. Mantê-lo bem comente se você tiver dúvidas, compartilhá-lo e nos seguintes tutoriais. Vou continuar a avançar no desenvolvimento do meu site. Com Projeto Responsive and Mobile First. Certamente com estes ... com estas ... eh ... práticas que vos falei. Você vai entender perfeitamente. Então ... vamos adiante.
Teste exame de ordem processo hoffman recife Pouso Alegre curse you jack dalton. Maranhão como fazer relatorio de aula pratica abnt Monografia, curso de eletrica basica zona leste Trabalho de pesquisa, curso ecologia online Redação de Admissão Escolar, engenharia de producao civil e um bom curso TCC. Toefl ibt practice test kaplan www curso autocad gratis teste exame de ordem Franca curso javascript senai. Poluicao sonora texto e imagens Revisão Bento Gonçalves exame de urina muco presente gravidez, tecnico em administracao e curso superior.
Bahia:
Louise Blackburn, Rensselaer: North Shore. Iguatu: St. Francis College; 2009.
Phil Bishop, Sullivan. Umuarama: Frank G. Zarb School of Business; 2008.
Sophie Edwards, W 20th Street zip 10011. Cambé: Bethel Seminary of the East; 2014.