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 18 / 44
Exibindo atualmente 24 casos
0409Painéis e interfaces de administração

Painel de utilização de recursos da capacidade do estúdio

Conclua um painel de uso de recursos no contexto de capacidade de estúdio: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de uso de recursosHTMLCSS GridJavaScript
Abrir e executar
0410Fluxos de negócios e serviços

Gerador de faturas para reserva de oficina

Complete o gerador de faturas em um contexto de reserva de oficina: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosGerador de faturasHTMLCSSJavaScript
Abrir e executar
0411Animação e microinterações

Entrada escalonada da lista do player de música

Finalize a entrada escalonada de uma lista em um cenário de tocador de música: inclui conteúdo real, controles acionáveis, feedback de status claro e layout em vários tamanhos.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar
0412Efeitos visuais criativos

Cenário de ondas em camadas da aurora boreal

Conclua um cenário de ondas em camadas em um cenário de campo de aurora: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Gráfico de radar de capacidade de crescimento do jardim

Crie um gráfico de radar de habilidades no cenário de crescimento do jardim: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0414Controles básicos e seletores

Stepper numérico para plano de viagem

Conclua o controle numérico incremental no cenário de plano de viagem: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Tabela de orçamento para solicitação de serviço

Conclua a tabela de orçamento em um cenário de solicitação de serviço: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Navegação de progresso do fluxo do espaço do projeto

Realize a navegação de progresso do fluxo no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Faixa de status da biblioteca de fotos

Banner de estado concluído em um cenário de biblioteca de fotos: 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
0418Cartões, listas e organização de conteúdo

Fila de prioridades de eventos locais

Complete uma fila de prioridade em um cenário de eventos locais: inclui conteúdo real, controles acionáveis, feedback claro de estado e layouts adaptáveis a diferentes tamanhos.

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

Tabela em cartões para orçamento de projeto mobile

Realize uma tabela em cartões para dispositivos móveis em um cenário de orçamento de projeto: com conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

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

Layout responsivo em cascata para histórias em imagens

Conclua um layout responsivo em cascata em um cenário de narrativa visual: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável entre tamanhos.

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

Página de contagem regressiva para o lançamento do acampamento de aprendizado

Conclua uma página de contagem regressiva de lançamento em um cenário de curso intensivo: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Painel de conversão de capacidade do estúdio

Conclua um painel de funil de conversão para o cenário de capacidade do estúdio: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos de tela.

Painéis e interfaces de administraçãoPainel de funil de conversãoHTMLCSS GridJavaScript
Abrir e executar
0423Fluxos de negócios e serviços

Seleção de planos de assinatura para reserva de oficina

Conclua a seleção de planos de assinatura no cenário de reserva de oficina: inclua conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

Fluxos de negócios e serviçosSeleção de plano de assinaturaHTMLCSSJavaScript
Abrir e executar
0424Animação e microinterações

Alternância de estado de virada do reprodutor de música

Complete a transição de estado de virar página no cenário do player de música: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Efeito de travessia estelar no campo de aurora

Conclua o efeito de travessia pelo céu estrelado no cenário da planície de aurora: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Gráfico de dispersão do crescimento do jardim

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

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0427Controles básicos e seletores

Seleção de amostras de cores para plano de viagem

Em um cenário de planejamento de viagem, conclua a seleção de amostras de cores: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.

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

Horário de agendamento de solicitação de serviço

Conclua uma tabela de agendamento de horários no cenário de solicitação de serviço: com conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

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

Navegação rápida inferior do espaço do projeto

Conclua a navegação rápida inferior para o cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Central de notificações da biblioteca de fotos

Conclua o centro de notificações no cenário da biblioteca de fotos: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.

Sobreposições e feedback de estadoCentral de notificaçõesHTMLCSSJavaScript
Abrir e executar
0431Cartões, listas e organização de conteúdo

Registro expansível de eventos locais

Conclua registros expansíveis no cenário de eventos locais: 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údoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0432Tabelas e exibição de dados

Tabela de comparação de orçamentos de projeto

No cenário de orçamento do projeto, conclua uma tabela de comparação de propostas: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar