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 41 / 44
Exibindo atualmente 24 casos
0961Capacidades de mídia e dispositivos do navegador

Registro de visibilidade da página do console remoto da clínica

Complete um registro de visibilidade de página em um cenário de estação de controle remoto ambulatorial: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptado a diferentes tamanhos.

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

Calculadora de divisão de despesas da caça ao tesouro em sala de aula

Conclua o organizador de despesas no cenário de caça ao tesouro da sala de aula: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Seleção rápida de datas para o clube do livro

Conclua a seleção rápida de datas em um cenário de clube do livro: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresSeleção rápida de dataHTMLCSSJavaScript
Abrir e executar
0964Formulários e entrada

Formulário de validação em tempo real para solicitação de turno

Conclua o formulário de validação em tempo real em um cenário de solicitação de turno: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaFormulário com validação instantâneaHTMLCSSJavaScript
Abrir e executar
0965Navegação e menus

Navegação de progresso do centro de controle da frota

Conclua a navegação de progresso do fluxo no contexto de uma central de frota: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a vários tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0966Sobreposições e feedback de estado

Mesa de ajuda da central de revisão do mentor

Concluir um popover de ajuda no cenário da mesa de revisão do mentor: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Sobreposições e feedback de estadoSobreposição de ajudaHTMLCSSJavaScript
Abrir e executar
0967Cartões, listas e organização de conteúdo

Índice de contatos do prontuário de pets

Concluir um índice de contatos em um cenário de fichas de pets: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0968Tabelas e exibição de dados

Tabela de classificação de múltiplas colunas para reembolsos do estúdio

Tabela de ordenação em várias colunas concluída para o cenário de reembolsos de estúdio: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de classificação multicolunaHTML TableCSSJavaScript
Abrir e executar
0969Layout de página e responsividade

Layout de conteúdo mestre-detalhe do briefing do jardim

Conclua um layout mestre-detalhe no cenário de briefing do jardim: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a vários tamanhos.

Layout de página e responsividadeLayout de conteúdo principal e secundárioHTMLCSSJavaScript
Abrir e executar
0970Páginas de cenário de marketing e conteúdo

Página de conversão da assinatura de membro da oficina

No cenário de assinatura do plano Studio Membership, conclua uma página de conversão de assinatura: com 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 conversão de assinaturasHTMLCSSJavaScript
Abrir e executar
0971Painéis e interfaces de administração

Painel de controle de incidentes da central geral de habitação

Complete o painel de tratamento de incidentes em um cenário de central de operações residenciais: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Seleção de amostras de cores do balcão de check-in do espetáculo

Concluir a seleção de amostras de cor no cenário do balcão de credenciamento do espetáculo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

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

Entrada de sugestões locais da mesa de revisão de turno

Completa a entrada de sugestões locais no cenário de mesa de revisão de turno: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Menu principal responsivo da central de criação

Conclua um menu principal responsivo no cenário da bancada do criador: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Painel inferior da faixa de apoio do mentor

Conclua a barra de ações na parte inferior para o cenário de barra de suporte do mentor: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Registros expansíveis da biblioteca de podcasts

No cenário da biblioteca de podcasts, concluir registro expansível: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Cabeçalho fixo da tabela do livro-razão do estúdio

Concluir uma tabela fixa com cabeçalho pegajoso no cenário de razão da oficina, incluindo conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

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

Layout narrativo em tela dividida do manual do jardim

No cenário do manual de jardim, crie um layout narrativo em tela dividida: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Página de planos de preços para dia de portas abertas do estúdio

Conclua uma página de planos de preços em um cenário de dia aberto do estúdio: inclui conteúdo real, controles acionáveis, feedback de estado 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
0980Painéis e interfaces de administração

Visão geral dos principais indicadores do centro de serviços residenciais

Em um cenário de recepção de moradia, conclua uma visão geral de indicadores-chave: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

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

Fluxo de solicitação de troca e devolução do balcão ambulatorial

Conclua o fluxo de solicitação de troca e devolução no cenário do balcão de trocas da clínica: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável entre tamanhos.

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

Composição tipográfica dinâmica para pôster de sala de aula

No cenário de pôster de sala de aula, conclua a composição dinâmica de texto: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Feedback de controles elásticos do rastreador ambulatorial

Complete o feedback do controle elástico no cenário do rastreador ambulatorial: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

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

Efeito de explosão de confete no túnel de coral

Concluir um efeito de explosão de confetes no cenário do corredor de coral: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

Efeitos visuais criativosEfeito de confete explodindoHTMLCanvasJavaScript
Abrir e executar