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 27 de 44
Exibindo atualmente 24 casos
0625Sobreposições e feedback de estado

Cobertura de progresso do rascunho de prova ambulatorial

Complete uma máscara de progresso no cenário de prova clínica: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadomáscara de progressoHTMLCSSJavaScript
Abrir e executar
0626Cartões, listas e organização de conteúdo

Quadro de tarefas de cartões de prompt de áudio

Conclua um quadro de tarefas em um cenário de cartões com pistas sonoras: 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údoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0627Tabelas e exibição de dados

Tabela de seleção em massa da lista de pacientes da clínica

Tabela de seleção em massa para o cenário da lista de pacientes da clínica: contém conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosSeleção em massaHTML TableCSSJavaScript
Abrir e executar
0628Layout de página e responsividade

Galeria adaptativa do guia de arquivos

Crie uma galeria responsiva adaptável em um cenário de guia de arquivo: com conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeGaleria responsivaHTMLCSSJavaScript
Abrir e executar
0629Páginas de cenário de marketing e conteúdo

Página de estudo de caso do estúdio em casa

Conclua a página de estudo de caso no cenário de estúdio em casa: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de estudo de casoHTMLCSS GridResponsive Design
Abrir e executar
0630Painéis e interfaces de administração

Painel de uso de recursos do quadro de revisão de arquivos

No cenário do painel de revisão de arquivos, conclua o painel de uso de recursos: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de uso de recursosHTMLCSS GridJavaScript
Abrir e executar
0631Fluxos de negócios e serviços

Rastreamento de pedidos do pacote de fechamento com assistência

Conclua o acompanhamento do progresso do pedido em um cenário de pacote de checkout para cuidados: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Fluxos de negócios e serviçosAcompanhamento do progresso do pedidoHTMLCSSJavaScript
Abrir e executar
0632Tipografia e efeitos de texto

Ajuste do comprimento da linha de leitura da coluna de arquivo

Conclua o ajuste da medida de leitura no cenário da coluna de arquivo: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout responsivo em diferentes tamanhos.

Tipografia e efeitos de textoAjuste da altura da linha de leituraHTMLCSS TypographyJavaScript
Abrir e executar
0633Animação e microinterações

Animação de status orbital em loop do catálogo

Conclua uma animação de estado orbital em um cenário de ciclo de catalogação: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesAnimação de status orbitalHTMLCSS AnimationJavaScript
Abrir e executar
0634Efeitos visuais criativos

Padrão de caleidoscópio do jardim lago das nuvens

Complete o padrão de caleidoscópio no cenário Jardim do Lago das Nuvens: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosPadrão de caleidoscópioHTMLCanvasJavaScript
Abrir e executar
0635Desenho e visualização de dados

Gráficos do painel de previsão do tempo

Conclua um gráfico de painel para o cenário de quadro de previsão do ar: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0636Capacidades de mídia e dispositivos do navegador

Painel de idioma, fuso horário e autoatendimento de áudio

Conclua o painel de fuso horário e idioma no cenário de um balcão de autoatendimento de áudio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorPainel de fuso horário de idiomaHTMLCSSBrowser API
Abrir e executar
0637Miniaplicativos e minijogos

Jogo da velha da caixa de apoio de arquivo

Conclua o jogo da velha no cenário da caixa de assistência de arquivos: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosJogo da velhaHTMLCSSJavaScript
Abrir e executar
0638Controles básicos e seletores

Controlador numérico de etapas da bancada de descanso da estufa

Concluir um stepper numérico no cenário da bancada da estufa: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControlador numérico incrementalHTMLCSSJavaScript
Abrir e executar
0639Formulários e entrada

Grupo de campos dinâmicos de revisão de exposições

Complete um grupo de campos dinâmicos no cenário da estação de revisão do evento: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

Formulários e entradaGrupo de campos dinâmicosHTMLCSSJavaScript
Abrir e executar
0640Navegação e menus

Abas da área de trabalho do mapa de rotas de arquivo

Em um cenário de mapa de rotas de arquivo, conclua as abas da área de trabalho: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0641Sobreposições e feedback de estado

Gabinete lateral de revisão ambulatorial

Conclua uma gaveta lateral no contexto de uma mesa de revisão de clínica: com conteúdo real, controles acionáveis, feedback de estado claro e um layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadogaveta lateralHTMLCSSJavaScript
Abrir e executar
0642Cartões, listas e organização de conteúdo

Painel de mural em cascata de registros de voz

Complete as notas em cascata em um cenário de mural de elenco de áudios: 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údoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0643Tabelas e exibição de dados

Controle de visibilidade de colunas da tabela de agendamento ambulatorial

Conclua o controle de visibilidade de colunas no cenário de tabela de agendamento ambulatorial: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo.

Tabelas e exibição de dadosControle de exibição de colunasHTML TableCSSJavaScript
Abrir e executar
0644Layout de página e responsividade

Layout em grade bento para exposição de arquivo

Crie um layout de grade em estilo bento para uma exposição de arquivos: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo em diferentes tamanhos.

Layout de página e responsividadeLayout de grade em estilo bentoHTMLCSS GridResponsive Design
Abrir e executar
0645Páginas de cenário de marketing e conteúdo

Página de comparação de produtos independentes

Crie uma página de comparação de produtos em um cenário de produto independente: 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 comparação de produtosHTML TableCSSJavaScript
Abrir e executar
0646Painéis e interfaces de administração

Painel de análise de tendências do portal de serviços de arquivo

Conclua um painel de análise de tendências em um cenário de serviço de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de análise de tendênciasHTMLCanvasJavaScript
Abrir e executar
0647Controles básicos e seletores

Seleção de cartões de opções do painel de planejamento da estufa

Complete a seleção de cartões de plano para o cenário do painel de planos da estufa: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresSeleção de cartões de planoHTMLCSSJavaScript
Abrir e executar
0648Formulários e entrada

Tabela de escala de exposições e agendamento de horários

Conclua uma folha de agendamento por horários no cenário de escalas de eventos: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Formulários e entradaAgendamento por períodoHTMLCSSJavaScript
Abrir e executar