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

Efeito de trilha luminosa do cursor na estação do deserto

Conclua o efeito de trilha de ponteiro no contexto de um posto em terreno árido: com conteúdo real, controles operáveis, feedback de estado claro e layout em diferentes tamanhos.

Efeitos visuais criativosEfeito de trilha do ponteiroHTMLCanvasJavaScript
Abrir e executar
1010Desenho e visualização de dados

Gráfico de dispersão do desempenho da turma

Conclua um gráfico de dispersão para o cenário de desempenho em sala de aula: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável entre tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
1011Capacidades de mídia e dispositivos do navegador

Painel de informações de viewport do tablet ambulatorial

Conclua o painel de informações de viewport no cenário de tablet da clínica: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

Capacidades de mídia e dispositivos do navegadorPainel de informações da viewportHTMLCSSBrowser API
Abrir e executar
1012Miniaplicativos e minijogos

Painel de registro de hábito da sprint da turma

Conclua um quadro de registro de hábitos no contexto de uma rodada de sprint em sala de aula: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosPainel de check-in de hábitosHTMLCSSJavaScript
Abrir e executar
1013Controles básicos e seletores

Stepper numérico do suporte de exibição de performances

Conclua o stepper numérico no contexto de um display de performances: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Grupo de campos dinâmicos de solicitação de troca de turno

Complete o grupo dinâmico de campos no cenário de solicitação de troca de turno: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Formulários e entradaGrupo de campos dinâmicosHTMLCSSJavaScript
Abrir e executar
1015Navegação e menus

Abas da área de trabalho do roteiro de ensaio

Concluir uma página de abas da área de trabalho no cenário de roteiro de ensaio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
1016Sobreposições e feedback de estado

Gaveta lateral da sala de alerta de lembretes de aprovação

Na cena da sala de alertas de aprovação, conclua a gaveta lateral: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em várias dimensões.

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

Notas em waterfall de passagem de turno

Notas em cascata para o cenário de registro de passagem de turno: inclui conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos.

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

Controle de exibição de colunas da agenda do estúdio

Em um cenário de tabela de cronograma de estúdio, conclua o controle de exibição de colunas: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosControle de exibição de colunasHTML TableCSSJavaScript
Abrir e executar
1019Layout de página e responsividade

Layout em grid tipo bento para guia de jardim

Complete o layout em grade do tipo bento no cenário de guia de jardinagem: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Página de comparação de produtos da semana de inscrição do estúdio

Crie uma página de comparação de produtos no cenário da semana de inscrição do estúdio: 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 comparação de produtosHTML TableCSSJavaScript
Abrir e executar
1021Painéis e interfaces de administração

Painel de análise de tendências do escritório de planejamento habitacional

Concluir um painel de análise de tendências em um cenário de sala de planejamento habitacional: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de análise de tendênciasHTMLCanvasJavaScript
Abrir e executar
1022Controles básicos e seletores

Cartão de seleção de opções do lounge de descanso da apresentação

Conclua a seleção dos cartões de plano no cenário da bancada de intervalo do espetáculo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em várias dimensões.

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

Formulário de reserva por faixa de horário para entrada de turno

Conclua uma agenda de horários em um cenário de registro de turno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout para vários tamanhos.

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

Navegação rápida inferior da Praça de Serviços

Conclua a navegação rápida inferior no cenário da praça de serviços: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Tooltip de teclado para o sino de check-in de aprovação

Na cenărio do sinal de check-in para aprovação, conclua a dica de ferramenta do teclado: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em vários tamanhos.

Sobreposições e feedback de estadoDica de ferramenta do tecladoHTMLCSSJavaScript
Abrir e executar
1026Cartões, listas e organização de conteúdo

Fila de prioridades do painel do estúdio

Conclua a fila de prioridades no cenário do quadro do estúdio: inclua conteúdo realista, controles utilizáveis, feedback de estado claro e layout em vários tamanhos.

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

Tabela comparativa de planos do manual de estoque do estúdio

Complete uma tabela de comparação de planos em um cenário de livro de estoque do estúdio: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar
1028Layout de página e responsividade

Painel vitrine do jardim

Concluir a carcaça do painel no cenário da exposição do jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Layout de página e responsividadeDashboardHTMLCSS GridResponsive Design
Abrir e executar
1029Páginas de cenário de marketing e conteúdo

Página de agenda do evento Contos do estúdio

concluir a página de programação do evento no cenário de uma história de estúdio: 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 pauta de atividadesHTMLCSSJavaScript
Abrir e executar
1030Painéis e interfaces de administração

Painel de atividade em tempo real do conselho de revisão de habitação

No cenário do painel de revisão de obras, conclua o fluxo de atividades em tempo real: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoFluxo de atividades em tempo realHTMLCSSJavaScript
Abrir e executar
1031Fluxos de negócios e serviços

Calculadora de carrinho de suprimentos clínicos ambulatoriais

Complete a calculadora do carrinho no cenário do carrinho de suprimentos da clínica: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

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

Design de título contornado para roteiro de aula

Conclua o design de um título contornado no cenário do roteiro da sala de aula: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

Tipografia e efeitos de textoTítulo com contorno e designHTMLCSS TypographyJavaScript
Abrir e executar