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 24 / 44
Exibindo atualmente 24 casos
0553Layout de página e responsividade

Grade editorial de revista do centro de cuidados

Concluir uma grade editorial de revista em um cenário de centro de cuidados: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

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

Página de agenda do evento do curso de cuidados

Complete a página da agenda do evento no cenário do curso de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

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

Painel de retenção por grupo da rede de cuidados

Conclua um painel de retenção por coorte no cenário de rede de cuidados: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de retenção em grupoHTML TableCSSJavaScript
Abrir e executar
0556Fluxos de negócios e serviços

Seletor de assentos para curso de arte

Na cena de curso de arte, conclua o seletor de assentos: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Ritmo do roteiro de áudio em texto rolante

No contexto de roteiro sonoro, conclua o texto em rolagem rítmica: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTexto em movimento rítmicoHTMLCSS AnimationJavaScript
Abrir e executar
0558Animação e microinterações

Carregador multietapas de bandas sonoras

Conclua o carregador em múltiplas etapas no cenário de faixa sonora: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Grade de poesia para revista urbana

Conclua um efeito de rastro do cursor em um cenário de nuvem e lago: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosEfeito de trilha do ponteiroHTMLCanvasJavaScript
Abrir e executar
0560Desenho e visualização de dados

Desenhador de formas de onda de métricas de áudio

Conclua um desenhista de formas de onda no cenário de métricas de áudio: inclua conteúdo realista, controles acionáveis, feedback de estado claro e um layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0561Capacidades de mídia e dispositivos do navegador

Detecção de esquema de cores do sistema do leitor de arquivos

Conclua a detecção do esquema de cores do sistema em um cenário de leitor de arquivo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Quadro de presença por pareamento de sons

Complete um quadro de check-in de hábitos em um contexto de pareamento sonoro: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Incrementador numérico do canto de fitness

Complete um stepper numérico em um cenário de canto fitness: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

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

Questionário condicional de inscrição para doação

Conclua um questionário condicional no contexto de inscrição para doação: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a diferentes tamanhos.

Formulários e entradaQuestionário condicionalHTMLCSSJavaScript
Abrir e executar
0565Navegação e menus

Menu grande agrupado de orientação do campus

Menu agrupado concluído no cenário de guia do campus: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Caixa de diálogo de confirmação de alerta da clínica

Concluir o diálogo de confirmação na cena de alerta do ambulatório: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoCaixa de diálogo de confirmaçãoHTMLCSSJavaScript
Abrir e executar
0567Cartões, listas e organização de conteúdo

Linha do tempo de atividades de propostas públicas

Complete a linha do tempo de atividades em cenários de propostas públicas: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0568Tabelas e exibição de dados

Tabela de edição inline do livro-razão de doações

No cenário do livro-razão de doações, conclua uma tabela de edição inline: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Layout em largura total com interposição para diário de cuidado

Em um cenário de diário de cuidados, conclua um layout em largura total e intercalado: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.

Layout de página e responsividadeLayout em faixa de largura totalHTMLCSS GridResponsive Design
Abrir e executar
0570Páginas de cenário de marketing e conteúdo

Área de conversão do FAQ do acampamento cívico

Complete a área de conversão de perguntas e respostas no cenário do acampamento cívico: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Centro de comando operacional da linha direta pública

Em um cenário de central de operações para serviços públicos, conclua o painel de comando: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de operaçõesHTMLCSS GridJavaScript
Abrir e executar
0572Controles básicos e seletores

Seleção de cartões de plano do ateliê de jardinagem

Complete a seleção de cartões de opção no cenário de oficina de jardinagem: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Formulário de rascunho automático para solicitação de equipamento

Conclua um formulário de rascunho automático no cenário de solicitação de equipamentos: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Navegação por páginas da estação de despacho de arquivos

Complete a navegação por paginação no cenário da central de expedição de arquivos: 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
0575Sobreposições e feedback de estado

Formulário de ações contextuais do prontuário ambulatorial

Conclua uma folha de ações contextuais no cenário de formulário de operação do ambulatório: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoComando de operação de contextoHTMLCSSJavaScript
Abrir e executar
0576Cartões, listas e organização de conteúdo

Organizador de marcadores do Clippings de áudio

Na cena da caixa de recortes sonoros, conclua o organizador de favoritos: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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