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 26 / 44
Exibindo atualmente 24 casos
0601Cartões, listas e organização de conteúdo

Registros expansíveis do caderno de áudio

Conclua o registro expansível no cenário de caderno de áudio: inclua 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
0602Tabelas e exibição de dados

Tabela fixa de prontuário ambulatorial

Conclua o cabeçalho fixo no cenário do livro razão da clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.

Tabelas e exibição de dadosCabeçalho fixoHTML TableCSSJavaScript
Abrir e executar
0603Layout de página e responsividade

Layout de conteúdo principal e secundário do manual de arquivo

Conclua um layout de conteúdo mestre-detalhe em um cenário de manual de arquivos: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeLayout de conteúdo principal e secundárioHTMLCSSJavaScript
Abrir e executar
0604Páginas de cenário de marketing e conteúdo

Página de conversão de assinatura para o dia aberto do ambulatório

Página de conversão de assinatura concluída no cenário do Dia Aberto da Clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

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

Visão geral dos principais indicadores da linha de tratamento de arquivo

Complete a visão geral dos principais indicadores no cenário de resolução de arquivos: 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çãoVisão geral dos principais indicadoresHTMLCSS GridJavaScript
Abrir e executar
0606Fluxos de negócios e serviços

Gerador de faturas para agendamento de cuidados

Conclua o gerador de faturas no contexto do balcão de agendamento de cuidados: inclui conteúdo realista, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos de tela.

Fluxos de negócios e serviçosGerador de faturasHTMLCSSJavaScript
Abrir e executar
0607Tipografia e efeitos de texto

Tipografia de texto do expositor de arquivo em grade

Conclua a diagramação em grade de poemas em um cenário de cartazes de arquivo: com conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTipografia em grade poéticaHTMLCSS GridResponsive Design
Abrir e executar
0608Animação e microinterações

Notificação pop-up de check-in do catálogo

Complete o feedback de pop-up de notificação no cenário de check-in de catálogo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Experimento de grade em mosaico com gradiente do cais da lagoa das nuvens

Conclua um experimento de malha em gradiente no cenário de cais do lago das nuvens: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Efeitos visuais criativosExperimento de grade em degradêHTMLCanvasJavaScript
Abrir e executar
0610Desenho e visualização de dados

Gráfico de setores em anel do briefing aéreo

Crie um gráfico de rosca para o cenário de briefing aéreo: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0611Capacidades de mídia e dispositivos do navegador

Notas de armazenamento local para a tela secundária de áudio

Complete o bilhete de armazenamento local no cenário da tela secundária de áudio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.

Capacidades de mídia e dispositivos do navegadorLembrete de armazenamento localHTMLCSSBrowser API
Abrir e executar
0612Miniaplicativos e minijogos

Seletor aleatório da estação de lista de arquivos

Conclua o seletor aleatório no cenário do posto de checagem de arquivos: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosSeletor aleatórioHTMLCSSJavaScript
Abrir e executar
0613Controles básicos e seletores

Controle de intervalo com dois valores para tela de demonstração da estufa

No cenário da tela de demonstração da estufa, conclua o controle de intervalo com dois valores: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

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

Fluxo de preenchimento em várias etapas para o balcão de cadastro de exposições

Conclua um fluxo de preenchimento em etapas no cenário do balcão de registro da exposição: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Formulários e entradaFluxo de preenchimento em etapasHTMLCSSJavaScript
Abrir e executar
0615Navegação e menus

Navegação de ancoragem em seções do índice rápido de arquivo

Conclua a navegação de localização de capítulos no cenário de índice rápido de arquivo: com conteúdo real, controles utilizáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Centro de notificações do cartão de confirmação ambulatorial

Conclua o Centro de Notificações no contexto do cartão de confirmação ambulatorial: com conteúdo real, controles operáveis, feedback de estado claro e layout em diferentes tamanhos.

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

Painel de cartões filtráveis do plano de som

Conclua a parede de cartões filtrável no cenário da parede de planos de áudio: inclui conteúdo real, controles interativos, 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
0618Tabelas e exibição de dados

Tabela em cartões para liquidação ambulatorial

Em um cenário de fechamento ambulatorial, conclua uma tabela em cartões para dispositivos móveis: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Layout de coluna lateral fixa para edição de arquivo

Concluir um layout de barra lateral fixa no cenário de edição especial de arquivo: inclui conteúdo real, controles acioná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
0620Páginas de cenário de marketing e conteúdo

Mural de depoimentos do mercado do jardim

Em um cenário de feira de jardinagem, conclua o mural de histórias de recomendações: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.

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

Painel de fluxo do processo da sala de planejamento de arquivo

Conclua o painel de pipeline para o cenário da sala de planejamento do arquivo: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.

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

Grupo de chips de filtro de estante de exposição em estufa

Conclua um grupo de etiquetas de filtro no cenário de estante de exibição em estufa: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em vários tamanhos.

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

Feedback de força da senha do formulário de solicitação de evento

No cenário do formulário de solicitação de participação em exposição, forneça feedback sobre a força da senha: inclua conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Navegação em árvore da estante de recursos de arquivo

Complete a navegação em árvore no cenário do suporte a recursos de arquivos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar