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 31 de 44
Exibindo atualmente 24 casos
0721Painéis e interfaces de administração

Painel de incidentes de classe para tratamento de eventos

Conclua o painel de tratamento de incidentes no cenário da linha de incidentes da disciplina: inclui conteúdo real, controles interativos, feedback de estado claro e um layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de tratamento de incidentesHTMLCSS GridJavaScript
Abrir e executar
0722Controles básicos e seletores

Seleção de amostras de cores do console do loft

Conclua a seleção de amostras de cor em um cenário de console de loft: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresSeleção de amostra de coresHTMLCSSJavaScript
Abrir e executar
0723Formulários e entrada

Entrada de sugestões locais para solicitação de bolsa

Complete a entrada de sugestões locais no cenário de solicitação de financiamento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Formulários e entradaEntrada de sugestão localHTMLCSSJavaScript
Abrir e executar
0724Navegação e menus

Menu principal responsivo de índice rápido do campus

No cenário de índice rápido do campus, conclua um menu principal responsivo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0725Sobreposições e feedback de estado

painel de ações inferior do cartão de confirmação da galeria

Conclua o painel de ações na parte inferior no cenário do cartão de confirmação da galeria: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadoPainel de ações inferiorHTMLCSSJavaScript
Abrir e executar
0726Cartões, listas e organização de conteúdo

Registros expansíveis de cartões de dicas da clínica

Complete um registro expansível no cenário de cartões de lembretes ambulatoriais: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Cabeçalho fixo do livro-razão dos itens de exposição

Conclua o cabeçalho fixo no cenário do livro-razão de exposições: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosCabeçalho fixoHTML TableCSSJavaScript
Abrir e executar
0728Layout de página e responsividade

Narrativa em layout dividido do guia de cuidados

Em um cenário de guia de cuidados, conclua um layout narrativo em tela dividida: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

Layout de página e responsividadelayout narrativo em tela divididaHTMLCSS GridResponsive Design
Abrir e executar
0729Páginas de cenário de marketing e conteúdo

Página de planos de preços do caderno de projetos criativos

Conclua a página de plano de preços no cenário do livreto de projetos criativos: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de planos de preçosHTMLCSSJavaScript
Abrir e executar
0730Painéis e interfaces de administração

Visão geral dos principais indicadores da sala de planejamento de aulas

Conclua a visão geral dos indicadores-chave no cenário da sala de planejamento de aulas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoVisão geral dos principais indicadoresHTMLCSS GridJavaScript
Abrir e executar
0731Fluxos de negócios e serviços

Fluxo de solicitação de troca e devolução da linha de atendimento

Fluxo de solicitação de troca ou devolução concluído no cenário de serviços de cuidado: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo em diferentes tamanhos.

Fluxos de negócios e serviçosfluxo de solicitação de troca e devoluçãoHTMLCSSJavaScript
Abrir e executar
0732Tipografia e efeitos de texto

Diagramação tipográfica dinâmica para leitura de arquivo

Conclua a composição tipográfica dinâmica no contexto de um livro de arquivo: com conteúdo real, controles operáveis, feedback de estado claro e layout em diferentes tamanhos.

Tipografia e efeitos de textoComposição tipográfica dinâmicaHTMLCSS AnimationJavaScript
Abrir e executar
0733Animação e microinterações

Feedback de controle elástico do rastreador de catalogação

Complete o feedback de controles elásticos no cenário do rastreador de catalogação: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos.

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

Efeito de explosão de confetes do palco do lago na nuvem

No cenário do palco do lago de nuvens, conclua o efeito de explosão de confetes: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Radar de habilidades para o caderno de revisão de ar

Conclua um gráfico de radar de competências no cenário do caderno de revisão aérea: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0736Capacidades de mídia e dispositivos do navegador

Teste de capacidade de ponteiro em tablet de áudio

Conclua a detecção de recursos de ponteiro em um cenário de tablet de áudio: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção de capacidade do ponteiroHTMLCSSBrowser API
Abrir e executar
0737Miniaplicativos e minijogos

Cronômetro de foco da corrida de arquivo

Concluir um timer de foco no cenário de Sprint de Arquivo: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosCronômetro de focoHTMLCSSJavaScript
Abrir e executar
0738Controles básicos e seletores

Controle de intervalo de valores duplo para tela de demonstração do loft

Conclua o controle de intervalo com dois valores no cenário da tela de demonstração do loft: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControle de intervalo de dois valoresHTMLCSSJavaScript
Abrir e executar
0739Formulários e entrada

Fluxo de preenchimento em etapas do cartão de confirmação de hospedagem

Conclua o fluxo de preenchimento em etapas no cenário do cartão de confirmação de hospedagem: inclua conteúdo realista, controles utilizáveis, feedback de estado claro e layout em vários tamanhos.

Formulários e entradaFluxo de preenchimento em etapasHTMLCSSJavaScript
Abrir e executar
0740Navegação e menus

Navegação por seções com destaque da prateleira de recursos do campus

Complete a navegação por localização de seção no cenário da estante de recursos do campus: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Central de notificações de prova de galeria

Concluir o centro de notificações no cenário de prova de galeria: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo entre tamanhos.

Sobreposições e feedback de estadoCentral de notificaçõesHTMLCSSJavaScript
Abrir e executar
0742Cartões, listas e organização de conteúdo

Painel de cards filtráveis da lista de pacientes ambulatoriais

Crie um mural de cartões filtráveis no cenário de quadro de registros de clínica: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0743Tabelas e exibição de dados

Tabela de cartões para dispositivos móveis de acerto de item de exposição

Complete uma tabela em formato de cartões para celular no cenário de boletim de liquidação de itens da exposição: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo.

Tabelas e exibição de dadosTabela em cartão para dispositivos móveisHTML TableCSSJavaScript
Abrir e executar
0744Layout de página e responsividade

Layout de barra lateral fixa para exposição e cuidado

Conclua o layout da barra lateral fixa no cenário de exposição de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.

Layout de página e responsividadelayout de barra lateral fixaHTMLCSS GridResponsive Design
Abrir e executar