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 25 de 44
Exibindo atualmente 24 casos
0577Tabelas e exibição de dados

Matriz de relacionamento da tabela de revisão ambulatorial

No cenário de uma tabela de revisão ambulatorial, conclua uma tabela de matriz relacional: com conteúdo real, controles acionáveis, feedback claro de status e layout em vários tamanhos.

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

Layout clássico em três colunas do atlas de arquivos

Em um cenário de atlas de arquivos, conclua um layout clássico de três colunas: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0579Páginas de cenário de marketing e conteúdo

Página de tour das funcionalidades do Laboratório Urbano

Conclua uma página de tour de recursos em um cenário de laboratório urbano: 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 guia de recursosHTMLCSSJavaScript
Abrir e executar
0580Painéis e interfaces de administração

Painel de funil de conversão da central de arquivo

Conclua um painel de funil de conversão no cenário da central de arquivos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de funil de conversãoHTMLCSS GridJavaScript
Abrir e executar
0581Fluxos de negócios e serviços

Fluxo de etapas de fechamento para agendamento de gravação

Conclua o fluxo de etapas de checkout no cenário de reserva de gravação: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Fluxos de negócios e serviçosFluxo de etapas de checkoutHTMLCSSJavaScript
Abrir e executar
0582Tipografia e efeitos de texto

Design de título contornado para zine de arquivo

Ao concluir o design de título contornado em um cenário de fanzine de arquivo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Alerta de catalogação com mudança de página de status

Em um cenário de alerta de catálogo, conclua a transição do estado da virada de página: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesAlternância de estado por virada de páginaHTMLCSS AnimationJavaScript
Abrir e executar
0584Efeitos visuais criativos

Espaço de profundidade de vidro da cúpula do lago de nuvens

Complete um espaço de profundidade de vidro no cenário da cúpula das nuvens: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Efeitos visuais criativosespaço de profundidade de vidroHTMLCSS GridResponsive Design
Abrir e executar
0585Desenho e visualização de dados

Gráfico de barras interativo do Atlas do Ar

Complete um gráfico de barras interativo no cenário do Atlas do Ar: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em vários tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0586Capacidades de mídia e dispositivos do navegador

Controle da cena em tela cheia da cabine de áudio

Conclua o controle de tela cheia em um estúdio de áudio: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorControle de palco em tela cheiaHTMLCSSBrowser API
Abrir e executar
0587Miniaplicativos e minijogos

Relógio pomodoro da mesa de desafio de arquivo

Conclua um relógio pomodoro em um cenário de desafio de arquivo: com conteúdo real, controles acionáveis, feedback de status claro e layout para diferentes tamanhos.

Miniaplicativos e minijogosPomodoroHTMLCSSJavaScript
Abrir e executar
0588Controles básicos e seletores

Seleção rápida de data para o balcão de check-in da estufa

Seleção rápida de datas concluída no contexto do balcão de check-in da estufa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Formulário de validação em tempo real do cartão de confirmação de eventos

Conclua um formulário de validação instantânea no cenário de cartão de confirmação de evento: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Navegação de progresso do roteiro de guia do arquivo

Concluir a navegação do progresso do fluxo no cenário da parede de guia de arquivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Camada flutuante de ajuda da sala de alerta ambulatorial

Conclua um popover de ajuda no cenário da sala de lembretes da clínica: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Índice de contatos do livro de passagem de áudio

Conclua o índice de contatos em um cenário de livro de passagem de áudio: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

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

Tabela de dados paginada de reembolso ambulatorial

Conclua uma tabela de dados paginada em um cenário de reembolso ambulatorial: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de dados paginadaHTML TableCSSJavaScript
Abrir e executar
0594Layout de página e responsividade

Layout em cascata responsivo do briefing de arquivo

Em um cenário de briefing de arquivo, conclua um layout responsivo em alvenaria: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.

Layout de página e responsividadeLayout em cascata responsivoHTMLCSSJavaScript
Abrir e executar
0595Páginas de cenário de marketing e conteúdo

Página de contagem regressiva para o lançamento do curso intensivo

Conclua a página de contagem regressiva para lançamento no cenário de sprint da turma: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Páginas de cenário de marketing e conteúdoPágina de contagem regressiva para lançamentoHTMLCSS AnimationJavaScript
Abrir e executar
0596Painéis e interfaces de administração

Painel de atendimento de incidentes da sala de arquivos

Conclua o painel de gerenciamento de incidentes no cenário da sala de despacho de arquivos: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Seleção de amostras de cores do console da estufa

Complete a seleção de amostras de cor no cenário do console da estufa: 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
0598Formulários e entrada

Entrada de sugestões locais do caderno de acompanhamento do evento

Conclua a entrada de sugestões locais no cenário do livro de acompanhamento de visitas de eventos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptado a diferentes tamanhos.

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

Menu principal responsivo do painel de avisos do arquivo

Conclua o menu principal responsivo no cenário do quadro de avisos de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

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

Painel inferior de ações do sino de check-in da clínica

No cenário do sino de check-in ambulatorial, conclua o painel de ações inferior: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a vários tamanhos.

Sobreposições e feedback de estadoPainel de ações inferiorHTMLCSSJavaScript
Abrir e executar