mozilla
Os seus resultados da pesquisa

    Responsive Web design

    Com os usuários da Web usando cada vez mais dispositivos móveis para navegar em sites da Web e aplicativos, Web designers e desenvolvedores precisam ter certeza de que suas criações olhar tão bom e funciona tão bem em dispositivos móveis como em computadores de mesa tradicionais. Proeminente designer de Luke Wroblewski defende criação de "Mobile First", ao invés de como um adendo ao projeto para desktops. Se você design para dispositivos móveis como alvo principal ou como um extra legal, você pode usar o poder do CSS para garantir que o mesmo conteúdo pode ser acessado em todas as plataformas de hardware, desde telefones celulares a telas de alta resolução wide-screen.
     

    Esta abordagem é conhecida como "Web design responsivo". Algumas de suas estratégias incluem:

    • Layout líquido ou fluido: Definição de todas as larguras de contêineres em termos de percentagem do navegador visor, de modo que eles se expandem e contraem como a janela do navegador muda de tamanho.
    • Media queries: Invocando as folhas de estilo diferentes de acordo com as capacidades da tela que está sendo usado, como tamanho, resolução, formato e profundidade de cor.
    • Imagens fluidas: Definir imagens para ocupar, no máximo, a largura máxima da tela.

    Recursos

    Overviews

    Techniques

    Tools

    Examples

    Etiquetas do documento e colaboradores

    Contribuíram para esta página: CarlosStenzel
    Última atualização por: CarlosStenzel,