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

Cenário de ondas em camadas do mar profundo

Complete um cenário de ondas em camadas em um contexto de mar profundo: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Radar de capacidades da qualidade do ar

No cenário de qualidade do ar, conclua o gráfico de radar de competências: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0099Capacidades de mídia e dispositivos do navegador

Controle de palco em tela cheia do Laboratório de Dispositivos

No cenário de laboratório de dispositivos, conclua o controle de palco em tela cheia: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorControle de palco em tela cheiaHTMLCSSBrowser API
Abrir e executar
0100Miniaplicativos e minijogos

Quadro de tarefas da noite em família

Conclua um quadro de acompanhamento de hábitos em um cenário de noite em família: inclui conteúdo realista, controles interativos, feedback claro de status e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosPainel de check-in de hábitosHTMLCSSJavaScript
Abrir e executar
0101Controles básicos e seletores

Número de sala de reuniões

Concluir um seletor numérico no cenário de sala de reunião: inclui conteúdo real, controles operáveis, feedback de status claro e layout entre tamanhos de tela.

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

Tabela orçamentária de inscrição de voluntários

Conclua a configuração de orçamento no cenário de inscrição de voluntários: inclui conteúdo real, controles operáveis, feedback de estado claro e um layout adaptável a diferentes tamanhos.

Formulários e entradaPlanilha de orçamentoHTMLCSSJavaScript
Abrir e executar
0103Navegação e menus

Navegação de progresso do roteiro de visita ao museu

Conclua a navegação de progresso do fluxo no cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

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

Faixa de status para revisão de documentos

Conclua a faixa de status em um cenário de revisão de documentos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoFaixa de statusHTMLCSSJavaScript
Abrir e executar
0105Cartões, listas e organização de conteúdo

Fila prioritária da lista de leitura

Conclua uma fila de prioridade em um cenário de lista de leitura: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Tabela em cartões para dispositivos móveis do livro-razão de estoque

Conclua uma tabela em formato de cartão para dispositivos móveis no cenário de livro-razão de estoque: com conteúdo real, controles acionáveis, feedback claro de status e layout adaptado a diferentes tamanhos.

Tabelas e exibição de dadosTabela em cartão para dispositivos móveisHTML TableCSSJavaScript
Abrir e executar
0107Layout de página e responsividade

Layout responsivo em cascata do jornal de arquitetura

Conclua um layout em cascata responsivo em um cenário de jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre diferentes tamanhos.

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

Página de contagem regressiva de lançamento da marca de chá

Crie uma página de contagem regressiva de lançamento para um cenário de marca de chá: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Painel de funil de conversão das operações da biblioteca

Conclua o painel de funil de conversão no cenário de operação da 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 funil de conversãoHTMLCSS GridJavaScript
Abrir e executar
0110Fluxos de negócios e serviços

Seleção de plano de assinatura da floricultura

Concluir a seleção do plano de assinatura no cenário da floricultura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Fluxos de negócios e serviçosSeleção de plano de assinaturaHTMLCSSJavaScript
Abrir e executar
0111Tipografia e efeitos de texto

Diagramação dinâmica de texto da coletânea poética montanhosa

Organização tipográfica dinâmica concluída em um cenário de coletânea poética das montanhas: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Tipografia e efeitos de textoComposição tipográfica dinâmicaHTMLCSS AnimationJavaScript
Abrir e executar
0112Animação e microinterações

Transição de página para upload de arquivo

Realize a transição de página no contexto de upload de arquivos: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesAlternância de estado por virada de páginaHTMLCSS AnimationJavaScript
Abrir e executar
0113Efeitos visuais criativos

Efeito de travessia pelo céu estrelado das profundezas do mar

Conclua um efeito de travessia pelo céu estrelado em um cenário de mar profundo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosEfeito de travessia pelo céu estreladoHTMLCanvasJavaScript
Abrir e executar
0114Desenho e visualização de dados

Gráfico de dispersão da qualidade do ar

Conclua um gráfico de dispersão no cenário de qualidade do ar: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0115Capacidades de mídia e dispositivos do navegador

Indicador de estado de conexão do laboratório de dispositivos

No cenário de laboratório de dispositivos, conclua o indicador de status de conexão: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorindicador de status da conexãoHTMLCSSBrowser API
Abrir e executar
0116Miniaplicativos e minijogos

Conversor de unidades da noite em família

Na noite em família, conclua o conversor de unidades: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Seleção de amostras de cores da sala de reunião

Conclua a seleção de amostras de cor em um cenário de sala de reunião: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresSeleção de amostra de coresHTMLCSSJavaScript
Abrir e executar
0118Formulários e entrada

Tabela de agendamento para inscrição de voluntários

Conclua a agenda de horários no cenário de inscrição de voluntários: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo.

Formulários e entradaAgendamento por períodoHTMLCSSJavaScript
Abrir e executar
0119Navegação e menus

Navegação rápida inferior para guia de museu

Complete a navegação rápida inferior em um cenário de guia de museu: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Central de notificações de revisão de documentos

Conclua a central de notificações no cenário de revisão de documentos: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoCentral de notificaçõesHTMLCSSJavaScript
Abrir e executar