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

Efeito de explosão de papel colorido no jardim noturno

Complete o efeito de explosão de confetes na cena do jardim noturno: inclui conteúdo realista, controles interativos, feedback de estado claro e layouts responsivos em vários tamanhos.

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

Mapa de calor em grade da matriz de progresso de aprendizagem

Complete um mapa de calor em matriz no cenário de progresso de aprendizado: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0291Capacidades de mídia e dispositivos do navegador

Registros da visibilidade da página do espaço de demonstração

Conclua um registro de visibilidade de página no cenário de espaço de apresentação: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em várias dimensões.

Capacidades de mídia e dispositivos do navegadorRegistro de visibilidade da páginaHTMLCSSBrowser API
Abrir e executar
0292Miniaplicativos e minijogos

Divisor de despesas para o intervalo

Conclua o separador de despesas em um cenário de pausa entre aulas: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Miniaplicativos e minijogosDivisor de despesasHTMLCSSJavaScript
Abrir e executar
0293Controles básicos e seletores

Cartões de seleção de opções para modo de leitura

Conclua a seleção de cartões de solução em um cenário de modo de leitura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Questionário condicional de matrícula no curso

Conclua um questionário condicional no cenário de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos de tela.

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

navegação por seções da base de conhecimento

Concluir a navegação de localização de capítulos em um cenário de base de conhecimento: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Ação contextual do centro de tarefas

Conclua a ficha de ações contextuais no cenário do centro de tarefas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

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

Notas em cascata de tarefas de design

No cenário de tarefas de design, conclua um conjunto de notas em estilo waterfall: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.

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

Matriz de relação das notas do curso

Conclua uma tabela de matriz relacional no cenário de notas de disciplinas: inclui conteúdo real, controles operáveis, feedback claro de status e layout adaptável entre tamanhos.

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

Layout em largura total e em mosaico do portal da comunidade

Conclua um layout de largura total e conteúdo intercalado em um cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Página de agenda de eventos do festival criativo

Conclua a página de agenda do evento no cenário do festival criativo: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Painel de incidentes e operações de escalação ambulatorial

Conclua o quadro de gerenciamento de incidentes no cenário de escalação ambulatorial: com conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Configurador de orçamento para aluguel de bicicletas

Conclua o configurador de orçamento em um cenário de aluguel de bicicletas: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em diferentes tamanhos.

Fluxos de negócios e serviçosConfiguração de orçamentoHTMLCSSJavaScript
Abrir e executar
0303Tipografia e efeitos de texto

Design de título contornado para revista da cidade

Conclua um design de título contornado em um cenário de revista da cidade: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout para vários tamanhos.

Tipografia e efeitos de textoTítulo com contorno e designHTMLCSS TypographyJavaScript
Abrir e executar
0304Animação e microinterações

Feedback de pop-up de notificação da ferramenta de foco

Apresenta feedback de notificação pop-up em um cenário de ferramenta de foco: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

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

Padrão do jardim noturno em caleidoscópio

Conclua um padrão de caleidoscópio em um cenário de jardim noturno: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Gráfico de linha do progresso de aprendizagem

Conclua um gráfico de linha do tempo no cenário de progresso de aprendizagem: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0307Capacidades de mídia e dispositivos do navegador

Detecção da capacidade de ponteiro do espaço de demonstração

Teste a capacidade de apontamento em um cenário de espaço de apresentação: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção de capacidade do ponteiroHTMLCSSBrowser API
Abrir e executar
0308Miniaplicativos e minijogos

Pomodoro do intervalo do recreio

Conclua um relógio Pomodoro em um cenário de pausa entre aulas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosPomodoroHTMLCSSJavaScript
Abrir e executar
0309Controles básicos e seletores

Controle de intervalo duplo para modo de leitura

Conclua um controle de intervalo de dois valores em um cenário de modo de leitura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Formulário automático de rascunho para matrícula em curso

Crie um formulário de rascunho automático para o cenário de matrícula em cursos: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

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

Navegação por páginas numeradas da base de conhecimento

Conclua a navegação por páginas em um cenário de base de conhecimento: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Painel de ações inferior do centro de tarefas

Conclua o painel de ações inferior no cenário do centro de tarefas: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Sobreposições e feedback de estadoPainel de ações inferiorHTMLCSSJavaScript
Abrir e executar