Ir para o conteúdo principal
web.dev for China
  • Plataforma da Web
  • Aprofunde seus conhecimentos sobre a plataforma da Web no seu ritmo.
  • HTML
  • CSS
  • JavaScript
  • Experiência do usuário
  • Aprenda a criar experiências do usuário melhores.
  • Desempenho
  • Acessibilidade
  • Identidade
  • Aprendizado
  • Aprenda sobre desenvolvimento da Web.
  • Aprenda HTML
  • Aprenda sobre CSS
  • Aprender JavaScript
  • Conheça o desempenho
  • Aprenda sobre acessibilidade
  • Mais cursos
  • Outros recursos
  • Confira coleções de conteúdo, padrões e muito mais.
  • IA e a Web
  • Explorar
  • PageSpeed Insights
  • Padrões
  • Podcasts e programas
  • Newsletter para desenvolvedores
  • Sobre o web.dev
Referência Blog Estudos de caso
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
web.dev for China
  • Recursos
    • Mais
  • Referência
  • Blog
  • Estudos de caso
  • Plataforma da Web
  • HTML
  • CSS
  • JavaScript
  • Experiência do usuário
  • Desempenho
  • Acessibilidade
  • Identidade
  • Aprendizado
  • Aprenda HTML
  • Aprenda sobre CSS
  • Aprender JavaScript
  • Conheça o desempenho
  • Aprenda sobre acessibilidade
  • Mais cursos
  • Outros recursos
  • IA e a Web
  • Explorar
  • PageSpeed Insights
  • Padrões
  • Podcasts e programas
  • Newsletter para desenvolvedores
  • Sobre o web.dev
Esta página foi traduzida pela API Cloud Translation.
  • Página inicial
  • Patterns

Padrões de apps da Web

Uma coleção de padrões comuns para a criação de aplicativos da Web.
  • Panqueca desconstruída
  • Card de imagem com proporção
  • Container query card
  • Gentle Flex
  • Autobot
  • Pancake stack
  • Clamping card
  • RAM (Repeat, Auto, Minmax)
  • Holy grail layout
  • Fluffy Center
  • Line up
  • Super centered
  • Sidebar says
  • Pop n' Plop
  • Content Center
  • 12-span grid
12

  • web.dev

    • web.dev

      Queremos ajudar você a criar sites bonitos, acessíveis, rápidos e seguros que funcionem em vários navegadores e para todos os seus usuários. Este site é nossa central de conteúdo para ajudar você nessa jornada, escrito por membros da equipe do Chrome e especialistas externos.

  • Contribuir

    • Registre um bug
    • Veja as questões em aberto

  • Conteúdo relacionado

    • Chrome para desenvolvedores
    • Atualizações do Chromium
    • Estudos de caso
    • Podcasts e programas

  • Seguir

    • @ChromiumDev no X
    • YouTube
    • Chrome for Developers no LinkedIn
    • RSS
  • Termos de Serviço
  • Privacidade
  • Manage cookies
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어