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

Layout de coluna lateral fixa para ensaio fotográfico

Complete um layout de barra lateral fixa em um cenário de narrativa visual: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadelayout de barra lateral fixaHTMLCSS GridResponsive Design
Abrir e executar
0434Páginas de cenário de marketing e conteúdo

Página de conversão de assinatura do acampamento de aprendizado

Na cenărio de camp de aprendizagem, conclua a página de conversão de assinatura: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em vários tamanhos.

Páginas de cenário de marketing e conteúdoPágina de conversão de assinaturasHTMLCSSJavaScript
Abrir e executar
0435Painéis e interfaces de administração

Painel de calor do calendário de capacidade do estúdio

Crie um painel de calor de calendário para cenários de capacidade do estúdio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar
0436Fluxos de negócios e serviços

Acompanhamento do progresso do pedido de reserva de oficina

Conclua o rastreamento do progresso do pedido no cenário de reserva de oficina: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Fluxos de negócios e serviçosAcompanhamento do progresso do pedidoHTMLCSSJavaScript
Abrir e executar
0437Animação e microinterações

Resposta elástica dos controles do player de música

Conclua a resposta elástica dos controles em um cenário de player de música: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Animação e microinteraçõesFeedback elástico dos controlesHTMLCSS AnimationJavaScript
Abrir e executar
0438Efeitos visuais criativos

Efeito de explosão de confete no campo da aurora

Na cena da planície de aurora, conclua o efeito de explosão de confetes: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Efeitos visuais criativosEfeito de confete explodindoHTMLCanvasJavaScript
Abrir e executar
0439Desenho e visualização de dados

mapa de calor em matriz do crescimento do jardim

Conclua um mapa de calor em grade no contexto 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 dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0440Controles básicos e seletores

Seleção de cartões de opções para plano de viagem

Complete a seleção de cartões de opção no cenário de planejamento de viagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo entre tamanhos.

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

Questionário de condições para solicitação de serviço

Conclua um questionário condicional em cenários de solicitação de serviço: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

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

Navegação de seções com indicação de posição do espaço do projeto

Realize a navegação de localização por seção em um contexto de espaço de projeto: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0443Sobreposições e feedback de estado

Menu de ações de contexto da biblioteca de fotos

No cenário da biblioteca de fotos, conclua uma ficha de ações contextuais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Notas em cascata de eventos locais

Conclua um bloco de notas em fluxo de colunas no cenário de eventos locais: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0445Tabelas e exibição de dados

Tabela matricial de orçamento de projeto

Conclua uma tabela de matriz relacional em um cenário de orçamento de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Layout em largura total com intercalamento para narrativa visual

Em cenários de narrativa visual, conclua um layout em largura total com inserções: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

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

Página de agenda do acampamento de aprendizagem

Conclua uma página de agenda de evento para um acampamento de aprendizagem: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável entre tamanhos de tela.

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

Painel de incidentes de capacidade do estúdio

Conclua o painel de tratamento de incidentes no cenário de capacidade do estúdio: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout responsivo em diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de tratamento de incidentesHTMLCSS GridJavaScript
Abrir e executar
0449Fluxos de negócios e serviços

Configurador de orçamento para agendamento de oficina

Configure o orçamentador no cenário de agendamento de oficina: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosConfiguração de orçamentoHTMLCSSJavaScript
Abrir e executar
0450Animação e microinterações

Feedback de pop-up de notificação do reprodutor de música

Conclua o feedback de pop-up de notificação no cenário de player de música: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

Animação e microinteraçõesFeedback de notificação pop-upHTMLCSSJavaScript
Abrir e executar
0451Efeitos visuais criativos

Padrão de caleidoscópio do campo de aurora

Em um cenário de campo de aurora, conclua um padrão de caleidoscópio: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.

Efeitos visuais criativosPadrão de caleidoscópioHTMLCanvasJavaScript
Abrir e executar
0452Desenho e visualização de dados

Gráfico de linha do tempo de crescimento do jardim

Conclua o gráfico de linha do tempo em um cenário de crescimento de jardim: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0453Controles básicos e seletores

Controle de intervalo de dois valores para planejamento de viagem

Conclua o controle de intervalo de dois valores no cenário de plano de viagem: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControle de intervalo de dois valoresHTMLCSSJavaScript
Abrir e executar
0454Formulários e entrada

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

Concluir um formulário de rascunho automático no cenário de solicitação de serviço: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Navegação por páginas numeradas do espaço do projeto

Conclua a navegação por paginação no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0456Cartões, listas e organização de conteúdo

Organizador de favoritos de eventos locais

Organizador de favoritos concluído para cenários de eventos locais: 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údoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar