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

Matriz de preferências de liga/desliga do quarto infantil

Conclua a matriz de alternâncias de preferências no cenário do quarto infantil: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

Controles básicos e seletoresMatriz de alternadores de preferênciasHTMLCSSJavaScript
Abrir e executar
0698Formulários e entrada

Formulário de rascunho automático de questionário de acompanhamento

Conclua um formulário de rascunho automático em um cenário de questionário de retorno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável entre tamanhos.

Formulários e entradaFormulário de rascunho automáticoHTMLCSSJavaScript
Abrir e executar
0699Navegação e menus

Navegação por páginas do mapa do campus

Complete a navegação por páginas no cenário do mapa do campus: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0700Sobreposições e feedback de estado

Unidade de ação contextual da sala de alertas da galeria

Conclua uma folha de ações de contexto no cenário da sala de alertas da galeria: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

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

Organizador de marcadores do caderno da clínica

Organizador de marcadores concluído para o cenário do caderno ambulatorial: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0702Tabelas e exibição de dados

Tabela de dados paginada de inspeção de itens da exposição

Crie uma tabela paginada em um cenário de inspeção de itens de exposição: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Layout responsivo em estilo masonry para manual de cuidados

Criar um layout em mosaico responsivo em um contexto de manual de cuidados: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.

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

Página de contagem regressiva para o Dia de Lançamento da Criação

Conclua uma página de contagem regressiva de lançamento no cenário de Dia de Portas Abertas Criativo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Painel de funil de conversão da sala de agendamento de aulas

Em um cenário de sala de agendamento de cursos, conclua o painel de funil de conversão: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

fluxo de reserva do serviço de balcão de devolução e assistência

Conclua o fluxo de agendamento de serviços no cenário do balcão de trocas e cuidados: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a vários tamanhos.

Fluxos de negócios e serviçosfluxo de agendamento de serviçosHTMLCSSJavaScript
Abrir e executar
0707Tipografia e efeitos de texto

Tipografia de título fluido para pôster de arquivo

Conclua a tipografia de títulos fluidos em um cenário de pôster de arquivo: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo entre tamanhos.

Tipografia e efeitos de textoTipografia de título fluidoHTMLCSS TypographyJavaScript
Abrir e executar
0708Animação e microinterações

Transição de tela de esqueleto para sincronização de catálogo

Conclua a transição de tela esqueleto no cenário de sincronização de catálogo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo.

Animação e microinteraçõesTransição de esqueletoHTMLCSS AnimationJavaScript
Abrir e executar
0709Efeitos visuais criativos

Cenário de ondas em camadas do observatório do lago de nuvens

Conclua a cena de ondas em camadas no cenário do observatório do lago nas nuvens: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

Efeitos visuais criativosCenário de ondas em múltiplas camadasHTMLCSS AnimationJavaScript
Abrir e executar
0710Desenho e visualização de dados

Diagrama de nós de relações da fila aérea

Conclua um mapa de nós de relacionamento no cenário da fila aérea: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0711Capacidades de mídia e dispositivos do navegador

Registro de visibilidade da página do assento do sensor de áudio

Registre a visibilidade da página em um cenário de assento com sensor de áudio: inclui conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

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

Divisor de despesas da missão de caça ao tesouro de arquivo

Conclua a calculadora de divisão de despesas no cenário do escritório de caça ao tesouro de arquivos: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Seleção rápida de data para a recepção do loft

Complete a seleção rápida de datas no cenário do balcão de check-in do loft: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.

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

formulário de verificação em tempo real para coleta em campo

Conclua um formulário de validação instantânea no cenário de coleta em campo: inclua conteúdo realista, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Navegação de progresso do mural de avisos do campus

Complete a navegação por progresso de processos em cenários de quadro de avisos do campus: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.

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

Popover de ajuda do sino de check-in da galeria

Em um cenário de sino de check-in da galeria, conclua o popover de ajuda: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Índice de contatos do quadro de planejamento do ambulatório

Cenário de indexação de contatos concluído na parede de planejamento do ambulatório: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável entre tamanhos.

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

tabela de classificação multicoluna de reembolsos de itens de exposição

Conclua uma tabela de ordenação em várias colunas em um cenário de nota de reembolso de exposição: com conteúdo real, controles acionáveis, feedback de status claro e layout para diferentes tamanhos.

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

Layout de conteúdo principal e secundário para a edição especial de cuidados

No cenário da edição especial de cuidados, complete o layout de conteúdo mestre-detalhe: inclui conteúdo real, controles acionáveis, feedback claro de status e layout em vários tamanhos.

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

Página de conversão de assinatura para a noite de prévia de criação

Conclua a página de conversão de assinatura em um cenário de noite de pré-visualização criativa: 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 conversão de assinaturasHTMLCSSJavaScript
Abrir e executar