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 28 / 44
Exibindo atualmente 24 casos
0649Navegação e menus

Navegação rápida inferior da sala de serviços de arquivos

Conclua a navegação rápida inferior em um cenário de sala de serviços de arquivos: inclui conteúdo real, controles utilizáveis, feedback de estado claro e layout responsivo.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0650Sobreposições e feedback de estado

Ferramenta de dica de teclado da barra de suporte ambulatorial

Conclua uma dica de teclado em um cenário de barra de suporte ambulatorial: inclui conteúdo real, controles interativos, feedback de status claro e layouts para vários tamanhos.

Sobreposições e feedback de estadoDica de ferramenta do tecladoHTMLCSSJavaScript
Abrir e executar
0651Cartões, listas e organização de conteúdo

Fila de prioridade da estante de histórias sonoras

Complete a fila de prioridades no cenário da estante de histórias em áudio: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0652Tabelas e exibição de dados

Tabela comparativa de planos do estoque ambulatorial

Conclua uma tabela de comparação de planos em um cenário de inventário ambulatorial: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável entre tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar
0653Layout de página e responsividade

Layout de dashboard em caderno de arquivo

Conclua o shell do painel no cenário de caderno de arquivo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeDashboardHTMLCSS GridResponsive Design
Abrir e executar
0654Páginas de cenário de marketing e conteúdo

Página de agenda do evento para o briefing de criação

Conclua uma página de agenda de evento no cenário de briefing criativo: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de pauta de atividadesHTMLCSSJavaScript
Abrir e executar
0655Painéis e interfaces de administração

Livro de plantão do arquivo - fluxo de atividades em tempo real

Conclua um feed de atividades em tempo real para o cenário de livro de plantão do arquivo: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Painéis e interfaces de administraçãoFluxo de atividades em tempo realHTMLCSSJavaScript
Abrir e executar
0656Fluxos de negócios e serviços

Combinador de promoções para janela de retirada de cuidados

Complete o construtor de promoções no cenário de janela de retirada de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.

Fluxos de negócios e serviçoscombinador de promoçõesHTMLCSSJavaScript
Abrir e executar
0657Tipografia e efeitos de texto

Efeito de máscara de texto de notas de arquivo

Conclusão de efeito de máscara de texto em um cenário de notas de arquivo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoEfeito de máscara de textoHTMLCSS TypographyJavaScript
Abrir e executar
0658Animação e microinterações

Feedback de progresso em anel pulsante do catálogo

Complete o feedback de progresso circular no cenário de pulse de catálogo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesFeedback de progresso circularHTMLCSS AnimationJavaScript
Abrir e executar
0659Efeitos visuais criativos

Palco com holofotes no salão da lagoa das nuvens

Conclua um palco com holofote em cenários do salão do lago das nuvens: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosPalco de holofoteHTMLCanvasJavaScript
Abrir e executar
0660Desenho e visualização de dados

Mapa de calor em grade de livro-caixa aéreo

Concluir um heatmap em grade no cenário de livro-caixa de ar: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0661Capacidades de mídia e dispositivos do navegador

observador de consulta de mídia para gravador de áudio

Complete o observador de media query no cenário do gravador de áudio: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout responsivo em diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorObservador de consultas de mídiaHTMLCSSBrowser API
Abrir e executar
0662Miniaplicativos e minijogos

Jogo de pareamento de arquivos conversor de unidades

Complete o conversor de unidades no cenário de correspondência de arquivo: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Miniaplicativos e minijogosConversor de unidadesHTMLCSSJavaScript
Abrir e executar
0663Controles básicos e seletores

Ajustador de faixa da configuração da estufa

Conclua um regulador de intervalo no cenário de configuração da estufa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Formulário de confirmação de resumo do suporte a eventos

Conclua um formulário de confirmação de resumo em um cenário de apoio à operação de exposições: inclui conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

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

Navegação breadcrumb do cartão de acesso ao arquivo

Conclua a navegação por breadcrumbs em um cenário de cartão de acesso a arquivos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Pilha de notificações da janela de atualização da clínica

Complete o conjunto de notificações no cenário da janela de atualização da recepção ambulatorial: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Cartão carrossel de histórias da linha de patrulha sonora

Conclua o cartão em carrossel de histórias no cenário da linha de patrulha sonora: com conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Tabela de filtro combinada para volume ambulatorial

Complete uma tabela de filtragem combinada no cenário de volume de uso ambulatorial: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em diferentes tamanhos.

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

Página de arquivo e resumo em grade editorial de revista

Complete uma grade editorial de revista no cenário de página de revisão de arquivo: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Área de conversão de perguntas e respostas da feira de makers

Numa cenário de feira de makers, conclua a área de conversão de perguntas e respostas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Páginas de cenário de marketing e conteúdoÁrea de conversão de perguntas e respostasHTMLCSSJavaScript
Abrir e executar
0671Painéis e interfaces de administração

Painel de calor do calendário da guarita de arquivo

Conclua o painel de mapa de calor do calendário no cenário do posto de vigilância de arquivos: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Escala de avaliação da bancada de tarefas da estufa

Complete uma escala de avaliação em um cenário de estante de tarefas na estufa: 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