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 40 / 44
Exibindo atualmente 24 casos
0937Miniaplicativos e minijogos

Planejador de aulas com calculadora portátil

Conclua o calculador portátil no cenário do quadro de planejamento de aulas: inclui conteúdo real, controles acionáveis, feedback claro de status e layout em vários tamanhos.

Miniaplicativos e minijogoscalculadora portátilHTMLCSSJavaScript
Abrir e executar
0938Controles básicos e seletores

Seletor segmentado do canto dos pets

Complete um seletor segmentado em um cenário de cantinho dos pets: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Questionário condicional do registro de acompanhamento de turno

Conclua o questionário condicional no cenário de registro de acompanhamento de turno: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

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

Menu grande agrupado do painel do criador

Conclua um mega menu agrupado em um cenário de espaço de trabalho do criador: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Caixa de diálogo de confirmação com anotação do mentor

Complete a caixa de diálogo de confirmação no contexto de anotações de mentoria: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Linha do tempo de atividades do diário do jardim

Na cena do diário do jardim, conclua a linha do tempo de atividades: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

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

Tabela matricial de relações dos ativos do estúdio

Conclua uma tabela de matriz relacional no cenário de ativos de estúdio: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Tabelas e exibição de dadosTabela de matriz de relacionamentoHTML TableCSSJavaScript
Abrir e executar
0944Layout de página e responsividade

Layout clássico de três colunas do manual da frota

Complete um layout clássico de três colunas no cenário do manual da frota: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0945Páginas de cenário de marketing e conteúdo

Hero narrativo da apresentação do estúdio

Conclua uma primeira dobra narrativa no cenário de briefing de estúdio: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoHero narrativoHTMLCSSJavaScript
Abrir e executar
0946Painéis e interfaces de administração

Centro de comando operacional do posto de vigilância da estufa

Conclua o painel de comando operacional no cenário da central de vigilância da estufa: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Matriz de alternância de preferências da sala de gravação de podcast

Conclua a matriz de alternâncias de preferências no cenário da cabine de gravação de podcast: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresMatriz de alternadores de preferênciasHTMLCSSJavaScript
Abrir e executar
0948Formulários e entrada

Formulário de rascunho automático da mesa de registro de turno

Conclua um formulário de rascunho automático no cenário de balcão de registro de turnos: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Navegação por páginas da central de eventos

Conclua a navegação por páginas numeradas em um cenário de central de eventos: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Operações contextuais do bloco de prova do mentor

Concluir a ficha de ações contextuais no cenário de rascunho de mentor: incluir conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

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

Organizador de marcadores do diário de criação

Conclua um organizador de marcadores para um cenário de diário de criação: conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Tabela de dados paginada do quadro de revisão do estúdio

Conclua a tabela de dados paginada no cenário da tabela de revisão do estúdio: inclui conteúdo real, controles operáveis, feedback de estado claro e um layout adaptável a diferentes tamanhos.

Tabelas e exibição de dadosTabela de dados paginadaHTML TableCSSJavaScript
Abrir e executar
0953Layout de página e responsividade

Layout em cascata responsivo do atlas do jardim

Numa cenário de atlas de jardim, conclua o layout em mosaico responsivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

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

Página de contagem regressiva de lançamento da semana de lançamento do estúdio

Conclua a página de contagem regressiva de lançamento no cenário da semana de publicação do estúdio: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout para vários tamanhos.

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

Painel do funil de conversão para revisão de bolsas

Complete o painel de funil de conversão no cenário de revisão de subsídios: 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
0956Fluxos de negócios e serviços

Fluxo de serviço de lista de abastecimento ambulatorial e agendamento de serviços

No cenário da lista de estoque ambulatorial, conclua o fluxo de reserva de serviço: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Fluxos de negócios e serviçosfluxo de agendamento de serviçosHTMLCSSJavaScript
Abrir e executar
0957Tipografia e efeitos de texto

Tipografia de título fluido para caderno de aula

Conclua a tipografia de títulos fluidos em cenários de caderno de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTipografia de título fluidoHTMLCSS TypographyJavaScript
Abrir e executar
0958Animação e microinterações

Transição de esqueleto para sincronização ambulatorial

Transição de skeleton screen concluída em um cenário de sincronização em clínica: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Animação e microinteraçõesTransição de esqueletoHTMLCSS AnimationJavaScript
Abrir e executar
0959Efeitos visuais criativos

Cenário de ondas em camadas do palco de coral

Complete um cenário de ondas em camadas no palco de coral: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Gráfico de nós de relacionamento do caderno de revisão pública

Crie um grafo de nós de relacionamento em um cenário de caderno de revisão pública: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar