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 7 / 44
Exibindo atualmente 24 casos
0145Efeitos visuais criativos

Padrão do mar profundo em caleidoscópio

Complete o padrão de caleidoscópio em um cenário de mar profundo: com 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
0146Desenho e visualização de dados

Gráfico de linha do tempo da qualidade do ar

No cenário de qualidade do ar, conclua o gráfico de linha do tempo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0147Capacidades de mídia e dispositivos do navegador

Detecção de capacidade do ponteiro no Laboratório de Dispositivos

Conclua a detecção de capacidades do ponteiro no cenário do laboratório de dispositivos: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção de capacidade do ponteiroHTMLCSSBrowser API
Abrir e executar
0148Miniaplicativos e minijogos

Pomodoro para noite em família

Complete um cronômetro Pomodoro em um cenário de noite em família: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Controle de intervalo duplo para sala de reunião

Conclua o controle de intervalo com dois valores em um cenário de sala de reunião: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControle de intervalo de dois valoresHTMLCSSJavaScript
Abrir e executar
0150Formulários e entrada

Formulário de rascunho automático para inscrição de voluntários

Conclua um formulário de rascunho automático no cenário de inscrição de voluntários: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Navegação por páginas do guia do museu

Conclua a navegação por páginas numeradas em um contexto de guia de museu: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Painel de ações na parte inferior para revisão de documentos

Conclua um painel de ações inferior no cenário de revisão de documentos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Sobreposições e feedback de estadoPainel de ações inferiorHTMLCSSJavaScript
Abrir e executar
0153Cartões, listas e organização de conteúdo

Organizador de marcadores da lista de leitura

Complete o organizador de favoritos no cenário de lista de leitura: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Tabela de edição inline do livro-caixa de estoque

Conclua uma tabela de edição inline em um cenário de livro-razão de estoque: inclui conteúdo real, controles operáveis, feedback de status claro e layout em várias dimensões.

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

Galeria adaptável de arquitetura de jornal

Conclua a galeria adaptativa no cenário do diário de arquitetura: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Página de estudo de caso da marca de chá

Crie uma página de estudo de caso para o cenário da marca de chá: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Painel de retenção por coorte para operações de biblioteca

Complete um painel de retenção em grupo em um cenário de operação de biblioteca: 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 retenção em grupoHTML TableCSSJavaScript
Abrir e executar
0158Fluxos de negócios e serviços

Seletor de assentos da floricultura

Conclua o seletor de assentos no contexto de uma floricultura: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo em várias dimensões.

Fluxos de negócios e serviçosSeletor de assentosHTMLCSSJavaScript
Abrir e executar
0159Tipografia e efeitos de texto

Diagramação em grade de poemas do livro de poesia das montanhas

No cenário de um livro de poemas de montanha, conclua a diagramação em grade do poema: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTipografia em grade poéticaHTMLCSS GridResponsive Design
Abrir e executar
0160Animação e microinterações

Animação de revelação de conteúdo no upload de arquivo

Animação de revelação de conteúdo concluída no cenário de upload de arquivos: inclui conteúdo real, controles interativos, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Espaço de profundidade de campo em vidro do oceano profundo

No cenário de mar profundo, conclua o espaço de profundidade de campo em vidro: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Grafo de nós de relações da qualidade do ar

Complete o grafo de nós de relacionamento no cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layouts responsivos em diferentes tamanhos.

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

Detecção de esquema de cores do sistema do Laboratório de Dispositivos

Em um cenário de laboratório de dispositivos, realize a verificação do tema de cores do sistema: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção do esquema de cores do sistemaHTMLCSSBrowser API
Abrir e executar
0164Miniaplicativos e minijogos

Jogo da velha para a noite em família

Complete o jogo da velha para a noite em família: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.

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

Seleção rápida de datas da sala de reunião

Complete uma seleção rápida de datas em um cenário de sala de reunião: 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
0166Formulários e entrada

Formulário de inscrição de voluntários com resumo e confirmação

Conclua o formulário de confirmação de resumo em um cenário de inscrição de voluntários: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Menu grande em grupo para guia de museu

Crie um menu agrupado em estilo mega menu para um cenário de guia de museu: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0168Sobreposições e feedback de estado

Máscara de progresso de revisão de documentos

No cenário de revisão de documentos, conclua uma máscara de progresso: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadomáscara de progressoHTMLCSSJavaScript
Abrir e executar