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 37 de 44
Exibindo atualmente 24 casos
0865Navegação e menus

Navegação por seções do quadro de avisos ambulatorial

Na cena do quadro de avisos do ambulatório, conclua a navegação de posicionamento de seções: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Central de notificações de operação de reuniões

Conclua a central de notificações em um cenário de operações de reunião: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Mural de cartões filtrável com notas do campo

Conclua a parede de cartões filtráveis em um cenário de anotações de campo: 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údopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0868Tabelas e exibição de dados

Cartão móvel de plano de refeições

Conclua uma tabela em cartões para dispositivos móveis no cenário de plano de refeições: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos de tela.

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

Layout lateral fixo do caderno da sala de aula

Conclua um layout com barra lateral fixa em um cenário de caderno de sala de aula: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável entre tamanhos.

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

Mural de histórias de depoimentos do pré-visualização de podcast da noite

Complete uma parede de histórias de depoimentos no cenário de prévia do podcast noturno: inclui conteúdo real, controles acionáveis, feedback de status claro e layout para vários tamanhos de tela.

Páginas de cenário de marketing e conteúdoParede de histórias de boca a bocaHTMLCSSJavaScript
Abrir e executar
0871Painéis e interfaces de administração

Painel de fluxo de processamento da estufa

Conclua um painel de pipeline de processos no cenário de tratamento de incidentes da estufa: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel da linha de fluxoHTMLCSS GridJavaScript
Abrir e executar
0872Controles básicos e seletores

Grupo de etiquetas de filtro da estante de exposição do armário de alimentos

Conclua o grupo de chips de filtro no cenário da estante de exibição da despensa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Controles básicos e seletoresGrupo de etiquetas de filtroHTMLCSSJavaScript
Abrir e executar
0873Formulários e entrada

feedback de força da senha para solicitação de refeição

Na cena de solicitação de refeições, conclua o feedback de força da senha: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaRetorno de força da senhaHTMLCSSJavaScript
Abrir e executar
0874Navegação e menus

Navegação em árvore do índice rápido do ambulatório

Obtenha navegação em árvore em um cenário de índice rápido de ambulatório: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0875Sobreposições e feedback de estado

Centro de membros - Máscara de progresso

Complete uma sobreposição de progresso no cenário de central de membros: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Sobreposições e feedback de estadomáscara de progressoHTMLCSSJavaScript
Abrir e executar
0876Cartões, listas e organização de conteúdo

Quadro de tarefas do plano de campo

No cenário de quadro de plano de campo, concluir um painel de tarefas: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Tabela de seleção em massa de horas do mentor

Na situação de horas de mentoria, conclua uma tabela de seleção em lote: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Tabelas e exibição de dadosSeleção em massaHTML TableCSSJavaScript
Abrir e executar
0878Layout de página e responsividade

Galeria responsiva da página de revisão de aula

Conclua a galeria adaptativa no cenário da página de retrospectiva da aula: com conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeGaleria responsivaHTMLCSSJavaScript
Abrir e executar
0879Páginas de cenário de marketing e conteúdo

Página de estudo de caso do catálogo do projeto de podcast

Crie uma página de estudo de caso para o contexto de um guia de projeto de podcast: inclui 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 estudo de casoHTMLCSS GridResponsive Design
Abrir e executar
0880Painéis e interfaces de administração

Painel de uso de recursos de operação da estufa

Conclua o painel de uso de recursos no cenário de operações da estufa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.

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

Acompanhamento do progresso do pedido do pacote de pagamento ambulatorial

No cenário da sacola de finalização de pagamento da clínica, conclua o acompanhamento do progresso do pedido: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Fluxos de negócios e serviçosAcompanhamento do progresso do pedidoHTMLCSSJavaScript
Abrir e executar
0882Tipografia e efeitos de texto

Escala tipográfica responsiva para sinalização de sala de aula

Complete uma escala tipográfica responsiva em um cenário de etiqueta de aula: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

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

Animação de status orbital de pulso ambulatorial

Na cena do pulso ambulatorial, conclua a animação de estado orbital: inclui conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesAnimação de status orbitalHTMLCSS AnimationJavaScript
Abrir e executar
0884Efeitos visuais criativos

Campo de partículas interativas do Porto Coral

Conclua um campo de partículas interativo em um cenário de porto de corais: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Gráficos de painel do livro-caixa público

Complete os gráficos do painel em um cenário de livro-razão público: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0886Capacidades de mídia e dispositivos do navegador

Painel de idioma e fuso horário da tela secundária da clínica

Conclua o painel de idioma e fuso horário no cenário do console secundário da clínica: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Jogo da velha da caixa de apoio da aula

Concluir jogo da velha no cenário da caixa de apoio da sala de aula: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosJogo da velhaHTMLCSSJavaScript
Abrir e executar
0888Controles básicos e seletores

Stepper numérico da bancada de descanso do armário

Complete um stepper numérico no cenário de balcão de refeitório: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControlador numérico incrementalHTMLCSSJavaScript
Abrir e executar