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

Tabela de edição inline do orçamento do projeto

Complete uma tabela de edição inline em um cenário de orçamento de projeto: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Galeria adaptativa de histórias visuais

Concluir uma galeria adaptativa em um cenário de narrativa visual: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

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

Página de estudo de caso do Campanha de Aprendizagem

Conclua a página de estudo de caso no cenário do acampamento de aprendizagem: inclui conteúdo real, controles operáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

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

Painel de retenção por coorte da capacidade do estúdio

Crie um painel de retenção em grupo para cenários de capacidade do estúdio: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a vários tamanhos.

Painéis e interfaces de administraçãoPainel de retenção em grupoHTML TableCSSJavaScript
Abrir e executar
0461Animação e microinterações

Animação de revelação de conteúdo do reprodutor de música

Conclua a animação de revelação de conteúdo no cenário do player de música: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout responsivo em diferentes tamanhos.

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

Espaço de profundidade de vidro do campo de aurora

Concluir um espaço de profundidade de vidro em um cenário de campo de aurora: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Efeitos visuais criativosespaço de profundidade de vidroHTMLCSS GridResponsive Design
Abrir e executar
0463Controles básicos e seletores

Seleção rápida de datas para plano de viagem

Conclua a seleção rápida de datas em um cenário de plano de viagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Formulário de confirmação do resumo da solicitação de serviço

Conclua o formulário de confirmação resumida no cenário de solicitação de serviço: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

menu grande agrupado do espaço do projeto

No cenário de espaço do projeto, conclua o menu em grupo expandido: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0466Cartões, listas e organização de conteúdo

Índice de contatos de eventos locais

Complete o índice de contatos em um cenário de evento local: inclua conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos em diferentes tamanhos.

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

Tabela de seleção em massa do orçamento do projeto

Em um cenário de orçamento de projeto, conclua uma tabela de seleção em massa: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Layout de conteúdo principal e secundário para história fotográfica

Conclua o layout de conteúdo principal e secundário no cenário de narrativa em imagens: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Página de comparação de produtos do acampamento de estudos

Conclua a página de comparação de produtos no cenário do acampamento de aprendizagem: inclui conteúdo real, controles operáveis, feedback de status claro 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
0470Painéis e interfaces de administração

Painel de pipeline de capacidade do estúdio

No cenário de capacidade do estúdio, conclua o painel de pipeline de processos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel da linha de fluxoHTMLCSS GridJavaScript
Abrir e executar
0471Animação e microinterações

Animação de estado da trilha do player de música

Conclua a animação de estado da faixa no cenário de um player de música: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Efeito de trilha do cursor no campo de aurora

Conclua um efeito de rastro do ponteiro em um cenário de campo de aurora: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosEfeito de trilha do ponteiroHTMLCanvasJavaScript
Abrir e executar
0473Controles básicos e seletores

Seletor segmentado do estúdio musical

Conclua o seletor segmentado no cenário de estúdio de música: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Controles básicos e seletoresSeletor segmentadoHTMLCSSJavaScript
Abrir e executar
0474Formulários e entrada

Formulário de validação em tempo real para agendamento de evento

Conclua um formulário de validação instantânea para um cenário de reserva de evento: inclui conteúdo real, controles operáveis, feedback de estado claro e layouts responsivos em todos os tamanhos.

Formulários e entradaFormulário com validação instantâneaHTMLCSSJavaScript
Abrir e executar
0475Cartões, listas e organização de conteúdo

Mural de cartões filtrável para diretório da equipe

Grade de cartões filtrável para o cenário de diretório da equipe: inclui conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0476Tabelas e exibição de dados

Tabela de ordenação por múltiplas colunas para chamados de serviço

Completar uma tabela de ordenação multicoluna no cenário de ordens de serviço: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Layout em grade tipo bento para notas de pesquisa

Em um cenário de notas de pesquisa, conclua um layout em grade bento: com conteúdo real, controles acionáveis, feedback de estado claro e um layout que se adapta a diferentes tamanhos.

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

Cabeçalho narrativo de acampamento na natureza

Conclua uma página inicial narrativa em um cenário de acampamento na natureza: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoHero narrativoHTMLCSSJavaScript
Abrir e executar
0479Animação e microinterações

Carregador multietapas do status do pedido

Conclua um carregador de várias etapas em um cenário de status de pedido: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Animação e microinteraçõescarregador em várias etapasHTMLCSS AnimationJavaScript
Abrir e executar
0480Efeitos visuais criativos

Campo de partículas interativo do espaço no papel

Conclua o campo de partículas interativas no cenário de espaço em papel: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo em várias dimensões.

Efeitos visuais criativosCampo de partículas interativasHTMLCanvasJavaScript
Abrir e executar