HTML / CSS / JavaScript

Casos completos

Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.

1046Página 6 de 44
Exibindo atualmente 24 casos
0121Cartões, listas e organização de conteúdo

Registro expansível da lista de leitura

Complete o registro expansível no cenário de lista de leitura: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0122Tabelas e exibição de dados

Tabela comparativa de soluções de livro-caixa de estoque

Conclua uma tabela comparativa para o cenário do livro-razão de estoque: inclui conteúdo real, controles interativos, feedback claro de status e layout responsivo em diferentes tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar
0123Layout de página e responsividade

Layout com barra lateral fixa do diário de arquitetura

Conclua o layout de barra lateral fixa no contexto de um jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Layout de página e responsividadelayout de barra lateral fixaHTMLCSS GridResponsive Design
Abrir e executar
0124Páginas de cenário de marketing e conteúdo

Página de conversão por assinatura da marca de chá

Conclua uma página de conversão de assinatura para o contexto de uma marca de chá: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em vários tamanhos.

Páginas de cenário de marketing e conteúdoPágina de conversão de assinaturasHTMLCSSJavaScript
Abrir e executar
0125Painéis e interfaces de administração

Painel de calor do calendário operacional da biblioteca

Complete o painel de calor do calendário no cenário de operação de biblioteca: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar
0126Fluxos de negócios e serviços

Acompanhamento do progresso de pedidos da floricultura

Conclua o rastreamento do progresso do pedido no cenário da floricultura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Fluxos de negócios e serviçosAcompanhamento do progresso do pedidoHTMLCSSJavaScript
Abrir e executar
0127Tipografia e efeitos de texto

Poema rítmico em rolagem de paisagens montanhosas

No cenário de um livro de poemas de montanha, conclua a composição de texto em faixa contínua: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTexto em movimento rítmicoHTMLCSS AnimationJavaScript
Abrir e executar
0128Animação e microinterações

Feedback do controle elástico de envio de arquivos

Em cenários de upload de arquivos, implemente feedback elástico de componentes: incluindo conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Animação e microinteraçõesFeedback elástico dos controlesHTMLCSS AnimationJavaScript
Abrir e executar
0129Efeitos visuais criativos

Efeito de explosão de confetes no fundo do mar

Conclua um efeito de explosão de confete em um cenário de mar profundo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

Efeitos visuais criativosEfeito de confete explodindoHTMLCanvasJavaScript
Abrir e executar
0130Desenho e visualização de dados

mapa de calor matricial da qualidade do ar

Conclua o mapa de calor em grade para o cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0131Capacidades de mídia e dispositivos do navegador

registro de visibilidade da página do Laboratório de Dispositivos

Conclua o registro de visibilidade da página no cenário do Laboratório de Dispositivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorRegistro de visibilidade da páginaHTMLCSSBrowser API
Abrir e executar
0132Miniaplicativos e minijogos

Divisor de despesas da noite em família

Conclua o separador de despesas no contexto da noite em família: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosDivisor de despesasHTMLCSSJavaScript
Abrir e executar
0133Controles básicos e seletores

Seleção de cartão de plano de sala de reunião

Na cena de sala de reuniões, conclua a seleção de cartões de opções: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresSeleção de cartões de planoHTMLCSSJavaScript
Abrir e executar
0134Formulários e entrada

Questionário condicional de inscrição de voluntários

Complete o questionário condicional no cenário de inscrição de voluntários: inclui conteúdo realista, controles interativos, feedback de estado claro e layouts responsivos em vários tamanhos.

Formulários e entradaQuestionário condicionalHTMLCSSJavaScript
Abrir e executar
0135Navegação e menus

Navegação por seções do guia do museu

Complete a navegação de localização de seções no cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0136Sobreposições e feedback de estado

Ficha de ação contextual para revisão de documentos

Concluir o formulário de ações contextuais para o cenário de revisão de documentos: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoComando de operação de contextoHTMLCSSJavaScript
Abrir e executar
0137Cartões, listas e organização de conteúdo

Notas em mosaico da lista de leitura

Conclua o bloco de notas em cascata para cenários de lista de leitura: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0138Tabelas e exibição de dados

Tabela de matriz de relações do livro-razão de estoque

Conclua uma tabela de matriz de relacionamentos no cenário de livro-razão de estoque: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de matriz de relacionamentoHTML TableCSSJavaScript
Abrir e executar
0139Layout de página e responsividade

Layout em faixas de largura total para diário de arquitetura

Conclua um layout full-bleed no cenário de um jornal de arquitetura: inclui conteúdo real, controles interativos, feedback de estado claro e layout em diferentes tamanhos.

Layout de página e responsividadeLayout em faixa de largura totalHTMLCSS GridResponsive Design
Abrir e executar
0140Páginas de cenário de marketing e conteúdo

Página de agenda de evento para marca de chá

Conclua a página de agenda do evento no cenário de uma marca de chá: inclua conteúdo real, controles operáveis, feedback claro de status e um layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de pauta de atividadesHTMLCSSJavaScript
Abrir e executar
0141Painéis e interfaces de administração

Painel de gestão de incidentes de biblioteca

Painel de tratamento de incidentes no cenário de operação da biblioteca: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a vários tamanhos.

Painéis e interfaces de administraçãoPainel de tratamento de incidentesHTMLCSS GridJavaScript
Abrir e executar
0142Fluxos de negócios e serviços

Configurador de orçamento para floricultura

Conclua o configurador de orçamento no cenário de uma floricultura: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Fluxos de negócios e serviçosConfiguração de orçamentoHTMLCSSJavaScript
Abrir e executar
0143Tipografia e efeitos de texto

Design de título contornado da coletânea de poemas das montanhas

Crie um design de título contornado em um contexto de coletânea de poemas da serra: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Tipografia e efeitos de textoTítulo com contorno e designHTMLCSS TypographyJavaScript
Abrir e executar
0144Animação e microinterações

Feedback pop-up de upload de arquivos

Complete uma notificação pop-up de feedback no cenário de envio de arquivos: inclui conteúdo real, controles acionáveis, feedback claro de status e um layout responsivo em vários tamanhos.

Animação e microinteraçõesFeedback de notificação pop-upHTMLCSSJavaScript
Abrir e executar