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 21 / 44
Exibindo atualmente 24 casos
0481Controles básicos e seletores

Matriz de alternância de preferências do estúdio de música

Finalize a matriz de alternâncias de preferência no cenário de estúdio de música: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Fluxo de preenchimento em etapas para reserva de eventos

Em cenários de reserva de eventos, conclua um fluxo de preenchimento em etapas: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

Formulários e entradaFluxo de preenchimento em etapasHTMLCSSJavaScript
Abrir e executar
0483Cartões, listas e organização de conteúdo

Quadro de tarefas do diretório da equipe

Concluir o quadro Kanban no cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0484Tabelas e exibição de dados

Tabela de filtros combinados de tickets de atendimento

Complete uma tabela de filtragem combinada em um cenário de tíquetes de serviço: 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 filtros combinadosHTML TableCSSJavaScript
Abrir e executar
0485Layout de página e responsividade

Layout narrativo em duas colunas para notas de pesquisa

Conclua um layout narrativo em tela dividida para cenários de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadelayout narrativo em tela divididaHTMLCSS GridResponsive Design
Abrir e executar
0486Páginas de cenário de marketing e conteúdo

Página de planos de preços para acampamento na natureza

Crie uma página de plano de preços no cenário de acampamento na natureza: com 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údoPágina de planos de preçosHTMLCSSJavaScript
Abrir e executar
0487Animação e microinterações

Transição de forma do botão de status do pedido

Conclua a transição da forma do botão no cenário de status do pedido: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.

Animação e microinteraçõesTransição de forma do botãoHTMLCSS AnimationJavaScript
Abrir e executar
0488Efeitos visuais criativos

Formas orgânicas fluidas no espaço em papel

Conclua uma forma fluida orgânica no cenário de espaço em papel: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosForma fluida orgânicaHTMLCSS AnimationJavaScript
Abrir e executar
0489Controles básicos e seletores

Controlador de faixa do estúdio musical

Conclua o ajuste de intervalo no cenário do estúdio musical: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControlador de intervaloHTMLCSSJavaScript
Abrir e executar
0490Formulários e entrada

Entrada com sugestões locais para reserva de eventos

Conclua uma entrada com sugestões locais para o cenário de agendamento de eventos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Formulários e entradaEntrada de sugestão localHTMLCSSJavaScript
Abrir e executar
0491Cartões, listas e organização de conteúdo

Linha do tempo de atividades do diretório da equipe

Conclua uma linha do tempo de atividades em um cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layouts que se adaptam a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0492Layout de página e responsividade

Layout clássico de três colunas para notas de pesquisa

Conclua o layout clássico de três colunas em um cenário de notas de pesquisa: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em diferentes tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0493Animação e microinterações

Feedback de progresso em anel do status do pedido

Conclua o feedback de progresso em anel no cenário de status do pedido: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Animação e microinteraçõesFeedback de progresso circularHTMLCSS AnimationJavaScript
Abrir e executar
0494Controles básicos e seletores

Escala de avaliação do estúdio musical

No contexto de um estúdio de música, conclua a escala de avaliação: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresEscala de avaliaçãoHTMLCSSJavaScript
Abrir e executar
0495Formulários e entrada

Feedback de força da senha para agendamento de evento

No cenário de agendamento de eventos, conclua o feedback de força da senha: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

Formulários e entradaRetorno de força da senhaHTMLCSSJavaScript
Abrir e executar
0496Cartões, listas e organização de conteúdo

Lista de conteúdo recolhível do diretório da equipe

Conclua uma lista de conteúdo recolhível no cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Cartões, listas e organização de conteúdoLista de conteúdo recolhívelHTMLCSSJavaScript
Abrir e executar
0497Layout de página e responsividade

Shell de dashboard de notas de pesquisa

Em um cenário de notas de pesquisa, complete a estrutura do painel: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.

Layout de página e responsividadeDashboardHTMLCSS GridResponsive Design
Abrir e executar
0498Animação e microinterações

Transição de tela de esqueleto do status do pedido

Conclua a transição do esqueleto no cenário de status do pedido: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesTransição de esqueletoHTMLCSS AnimationJavaScript
Abrir e executar
0499Formulários e entrada

Grupo de campos dinâmicos para agendamento de eventos

Conclua um grupo de campos dinâmicos no cenário de reserva de eventos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaGrupo de campos dinâmicosHTMLCSSJavaScript
Abrir e executar
0500Cartões, listas e organização de conteúdo

Cartão carrossel de histórias do diretório da equipe

Conclua o carrossel de histórias em um cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0501Layout de página e responsividade

Grade editorial de revista para notas de pesquisa

Conclua uma grade editorial de revista no cenário de notas de pesquisa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Layout de página e responsividadeGrade de edição de revistaHTMLCSS GridResponsive Design
Abrir e executar
0502Animação e microinterações

Entrada escalonada na lista de status do pedido

Entrada escalonada da lista em cenários de status de pedidos: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar
0503Formulários e entrada

Tabela de configuração de orçamento para agendamento de atividades

Conclua uma tabela de orçamento no cenário de agendamento de eventos: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaPlanilha de orçamentoHTMLCSSJavaScript
Abrir e executar
0504Cartões, listas e organização de conteúdo

Fila de prioridade do diretório da equipe

No cenário do diretório da equipe, conclua uma fila de prioridade: inclua 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