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 39 de 44
Exibindo atualmente 24 casos
0913Controles básicos e seletores

Regulador de faixa para o carrinho de configuração da despensa

No cenário de carrinho de configuração do balcão de alimentos, conclua o regulador de intervalo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControlador de intervaloHTMLCSSJavaScript
Abrir e executar
0914Formulários e entrada

Formulário de confirmação do resumo da reserva de reparo

Crie um formulário de confirmação de resumo para um cenário de agendamento de manutenção: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo.

Formulários e entradaFormulário de confirmação de resumoHTMLCSSJavaScript
Abrir e executar
0915Navegação e menus

Navegação por breadcrumb da sala de serviços ambulatoriais

Conclua a navegação por breadcrumbs em um cenário de posto de atendimento ambulatorial: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0916Sobreposições e feedback de estado

Stack de mensagens de check-in do mentor

Concluir uma pilha de notificações no cenário de check-in com o mentor: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

Sobreposições e feedback de estadoPilha de mensagens de avisoHTMLCSSJavaScript
Abrir e executar
0917Cartões, listas e organização de conteúdo

Série de histórias da estante de campo, cartões de carrossel de histórias

Conclua o cartão de carrossel de histórias no cenário de estante de histórias de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0918Tabelas e exibição de dados

Tabela de filtros combinados de estoque de peças de reposição

Complete a tabela de filtros combinados no cenário de estoque de peças de reposição: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de filtros combinadosHTML TableCSSJavaScript
Abrir e executar
0919Layout de página e responsividade

Grade editorial da revista Atlas do campo

No cenário do atlas de campo, conclua uma grade de edição de revista: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Layout de página e responsividadeGrade de edição de revistaHTMLCSS GridResponsive Design
Abrir e executar
0920Páginas de cenário de marketing e conteúdo

Área de conversão de perguntas e respostas do bate-papo sobre histórias de podcast

Concluir a área de conversão de perguntas e respostas no cenário de encontro de histórias de podcast: 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údoÁrea de conversão de perguntas e respostasHTMLCSSJavaScript
Abrir e executar
0921Painéis e interfaces de administração

Painel de calor do calendário de serviços da estufa

Complete o painel de calor do calendário no cenário da rede de serviços da estufa: inclua conteúdo real, controles acionáveis, feedback de status claro e layout responsivo.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar
0922Controles básicos e seletores

Escala de avaliação da estante de tarefas da despensa

Conclua a escala de avaliação no cenário de tarefa da despensa: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresEscala de avaliaçãoHTMLCSSJavaScript
Abrir e executar
0923Formulários e entrada

Cartão de confirmação de turno e configuração de orçamento

Conclua uma tabela de configuração de orçamento em cenários de cartão de confirmação de turno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaPlanilha de orçamentoHTMLCSSJavaScript
Abrir e executar
0924Navegação e menus

Painel de comandos do cartão de visita da clínica

Complete o painel de comandos no cenário do cartão de visita à clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0925Sobreposições e feedback de estado

Cartão de confirmação do mentor com faixa de status

No cenário do cartão de confirmação do mentor, conclua uma faixa de status: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Sobreposições e feedback de estadoFaixa de statusHTMLCSSJavaScript
Abrir e executar
0926Cartões, listas e organização de conteúdo

Lista de conteúdo expansível da linha de inspeção de campo

Conclua uma lista de conteúdo expansível no cenário de inspeção em campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoLista de conteúdo recolhívelHTMLCSSJavaScript
Abrir e executar
0927Tabelas e exibição de dados

Tabela de edição em linha para reservas de espaço

Crie uma tabela de edição em linha para um cenário de reserva de locais: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadostabela editável inlineHTML TableCSSJavaScript
Abrir e executar
0928Layout de página e responsividade

Layout de largura total intercalado para relatório de campo

Conclua um layout em largura total com intercalamento em cenários de relatório de campo: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a vários tamanhos.

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

Página de guia de recursos do plano de reparo

Conclua uma página de guia de recursos no cenário de plano de reparo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de guia de recursosHTMLCSSJavaScript
Abrir e executar
0930Painéis e interfaces de administração

Painel de retenção por grupo do livro de plantão da estufa

Complete um painel de retenção em grupo no cenário do livro de plantão da estufa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

Painéis e interfaces de administraçãoPainel de retenção em grupoHTML TableCSSJavaScript
Abrir e executar
0931Fluxos de negócios e serviços

Configurador de orçamento para janela de retirada ambulatorial

Conclua um configurador de orçamento no cenário de balcão de retirada da clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Layout com letra capitular para anotações de aula

Na cena de anotações de sala de aula, conclua o layout com letra capitular: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Tipografia e efeitos de textoLayout com inicial elevadaHTMLCSS GridResponsive Design
Abrir e executar
0933Animação e microinterações

Animação de revelação de conteúdo por fases na clínica

Conclua uma animação de revelação de conteúdo em cenários de etapa ambulatorial: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

Animação e microinteraçõesAnimação de revelação de conteúdoHTMLCSS AnimationJavaScript
Abrir e executar
0934Efeitos visuais criativos

Efeito de travessia estelar da Sala de Corais

Em um cenário de sala de coral, conclua o efeito de travessia pelo céu estrelado: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosEfeito de travessia pelo céu estreladoHTMLCanvasJavaScript
Abrir e executar
0935Desenho e visualização de dados

Gráfico de linha da tendência da fila pública

Conclua um gráfico de linhas de tendência em um cenário de fila pública: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a vários tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0936Capacidades de mídia e dispositivos do navegador

Indicador de estado de conectividade do registrador ambulatorial

Conclua o indicador de status da conexão de rede no cenário do gravador ambulatorial: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorindicador de status da conexãoHTMLCSSBrowser API
Abrir e executar