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

Efeito de rastro luminoso do ponteiro no jardim noturno

Complete o efeito de trilha luminosa do ponteiro no cenário de jardim noturno: inclua 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
0338Desenho e visualização de dados

Gerador de formas de onda do progresso de aprendizagem

Conclua o desenhador de formas de onda no cenário de progresso de aprendizagem: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

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

Painel de fuso horário do idioma do espaço de demonstração

Conclua um painel de fuso horário em um cenário de espaço de apresentação: com conteúdo real, controles operáveis, feedback claro de status e layouts que se adaptam a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorPainel de fuso horário de idiomaHTMLCSSBrowser API
Abrir e executar
0340Miniaplicativos e minijogos

Seletor aleatório para o intervalo

Conclua um seletor aleatório em um cenário de intervalo de aula: com conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Miniaplicativos e minijogosSeletor aleatórioHTMLCSSJavaScript
Abrir e executar
0341Controles básicos e seletores

Seletor segmentado de plano de viagem

Complete o seletor segmentado no cenário de plano de viagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Formulário de validação em tempo real para solicitação de serviço

Conclua um formulário de validação em tempo real em um cenário de solicitação de serviço: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Formulários e entradaFormulário com validação instantâneaHTMLCSSJavaScript
Abrir e executar
0343Navegação e menus

Menu principal responsivo do espaço do projeto

Conclua um menu principal responsivo no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0344Sobreposições e feedback de estado

Caixa de diálogo de confirmação da biblioteca de fotos

Apresente uma caixa de diálogo de confirmação em um cenário de biblioteca de fotos: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Parede de cartões filtráveis de eventos locais

Conclua uma parede de cartões filtráveis no cenário de eventos locais: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0346Tabelas e exibição de dados

Tabela classificável de várias colunas de orçamento do projeto

Complete uma tabela ordenável com várias colunas em um cenário de orçamento de projeto: inclui conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

Tabelas e exibição de dadosTabela de classificação multicolunaHTML TableCSSJavaScript
Abrir e executar
0347Layout de página e responsividade

Layout em grade no estilo bento para história visual

Conclua um layout em grade do tipo bento em cenários de narrativa visual: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo entre tamanhos de tela.

Layout de página e responsividadeLayout de grade em estilo bentoHTMLCSS GridResponsive Design
Abrir e executar
0348Páginas de cenário de marketing e conteúdo

Abertura narrativa para acampamento de estudos

Conclua a hero story de abertura no contexto de um acampamento de aprendizagem: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a vários tamanhos.

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

Visão geral dos principais indicadores de capacidade do estúdio

Concluir o panorama de indicadores principais no cenário de capacidade do estúdio: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

Painéis e interfaces de administraçãoVisão geral dos principais indicadoresHTMLCSS GridJavaScript
Abrir e executar
0350Fluxos de negócios e serviços

Calculadora de carrinho de compras para reserva de oficina

Conclua a calculadora do carrinho de compras no cenário de agendamento de oficina: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosCalculadora do carrinhoHTMLCSSJavaScript
Abrir e executar
0351Tipografia e efeitos de texto

Escala tipográfica responsiva para explicação da exposição

Obtenha uma escala tipográfica responsiva em um contexto de explicação de exposição: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Tipografia e efeitos de textoescala tipográfica responsivaHTMLCSS TypographyJavaScript
Abrir e executar
0352Animação e microinterações

Carregador de vários estágios do player de música

Conclua um carregador em várias etapas para o cenário de player de música: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Campo de partículas interativo da aurora

Complete uma cena interativa de campo de partículas no cenário de campo de aurora: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos de tela.

Efeitos visuais criativosCampo de partículas interativasHTMLCanvasJavaScript
Abrir e executar
0354Desenho e visualização de dados

Gráfico de barras interativo de crescimento do jardim

Crie um gráfico de barras interativo em um cenário de crescimento de jardim: com conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0355Miniaplicativos e minijogos

Calculadora portátil para rituais da equipe

Complete a calculadora portátil no cenário de ritual de equipe: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

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

Matriz de alternância de preferências do plano de viagem

Conclua a matriz de alternância de preferências no cenário de plano de viagem: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Fluxo de preenchimento em etapas da solicitação de serviço

Conclua um fluxo de preenchimento em etapas no cenário de solicitação de serviço: inclui conteúdo real, controles interativos, feedback claro de status e layout adaptável a diferentes tamanhos.

Formulários e entradaFluxo de preenchimento em etapasHTMLCSSJavaScript
Abrir e executar
0358Navegação e menus

Navegação em trilha de pão da área do projeto

Concluir a navegação por breadcrumb no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0359Sobreposições e feedback de estado

Drawer lateral da biblioteca de fotos

Conclua o drawer lateral no cenário da biblioteca de fotos: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em diferentes tamanhos.

Sobreposições e feedback de estadogaveta lateralHTMLCSSJavaScript
Abrir e executar
0360Cartões, listas e organização de conteúdo

Quadro de tarefas de eventos locais

Faça um quadro Kanban em um cenário de eventos locais: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre tamanhos de tela.

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