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

Índice de contatos da lista de leitura

Complete um índice de contatos em um cenário de lista de leitura: inclui conteúdo real, controles acionáveis, feedback claro de estado e layouts adaptáveis a diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0170Tabelas e exibição de dados

Tabela de seleção em massa do livro-razão de estoque

Na situação de livro-razão de estoque, 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
0171Layout de página e responsividade

Layout de conteúdo mestre-detalhe de diário de arquitetura

Conclua um layout de conteúdo mestre-detalhe em um cenário de diário de arquitetura: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.

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

Página de comparação de produtos de marca de chá

Crie uma página de comparação de produtos para o contexto de uma marca de chá: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Páginas de cenário de marketing e conteúdopágina de comparação de produtosHTML TableCSSJavaScript
Abrir e executar
0173Painéis e interfaces de administração

Painel de fluxo de processos de operações da biblioteca

Conclua o painel de pipeline de processos no cenário de operações da biblioteca: com conteúdo real, controles utilizáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel da linha de fluxoHTMLCSS GridJavaScript
Abrir e executar
0174Fluxos de negócios e serviços

Fluxo de solicitação de devolução e troca da floricultura

Conclua o fluxo de solicitação de troca e devolução no cenário de uma floricultura: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Fluxos de negócios e serviçosfluxo de solicitação de troca e devoluçãoHTMLCSSJavaScript
Abrir e executar
0175Tipografia e efeitos de texto

Ajuste da largura das linhas de leitura da coletânea de poemas da montanha

Conclua o ajuste do comprimento da linha de leitura no cenário da antologia poética das montanhas: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoAjuste da altura da linha de leituraHTMLCSS TypographyJavaScript
Abrir e executar
0176Animação e microinterações

Animação de estado orbital de upload de arquivo

Animação de estado orbital concluída no cenário de upload de arquivos: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Efeito de trilha do cursor no fundo do mar

Crie um efeito de rastro do cursor em um cenário de mar profundo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Plotador de forma de onda para qualidade do ar

Conclua um criador de formas de onda no cenário de qualidade do ar: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0179Capacidades de mídia e dispositivos do navegador

Painel de idioma e fuso horário do laboratório de dispositivos

Conclua o painel de fuso horário de idiomas em um cenário de laboratório de dispositivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Sorteador aleatório da noite em família

Em um cenário de noite em família, conclua o seletor aleatório: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Seletor segmentado do modo de leitura

Conclua o seletor segmentado no cenário de modo de leitura: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Controles básicos e seletoresSeletor segmentadoHTMLCSSJavaScript
Abrir e executar
0182Formulários e entrada

Formulário de validação em tempo real para inscrição em curso

Conclua o formulário de validação em tempo real no cenário de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Formulários e entradaFormulário com validação instantâneaHTMLCSSJavaScript
Abrir e executar
0183Navegação e menus

Menu principal responsivo da base de conhecimento

Concluir um menu principal responsivo em um cenário de base de conhecimento: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a diferentes tamanhos de tela.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0184Sobreposições e feedback de estado

Diálogo de confirmação do centro de tarefas

Conclua uma caixa de diálogo de confirmação no cenário do centro de tarefas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadoCaixa de diálogo de confirmaçãoHTMLCSSJavaScript
Abrir e executar
0185Cartões, listas e organização de conteúdo

Painel de cartões filtráveis de tarefas de design

Conclua a parede de cartões filtráveis no cenário de tarefas de design: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0186Tabelas e exibição de dados

Tabela de classificação de múltiplas colunas para notas da disciplina

Complete uma tabela ordenável com várias colunas em um cenário de notas de curso: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de classificação multicolunaHTML TableCSSJavaScript
Abrir e executar
0187Layout de página e responsividade

Layout em grade estilo bento do portal da comunidade

Em um cenário de portal da comunidade, conclua um layout em grade estilo bento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Hero narrativo do festival criativo

Narre uma primeira dobra em estilo narrativo em um cenário de festival criativo: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

Páginas de cenário de marketing e conteúdoHero narrativoHTMLCSSJavaScript
Abrir e executar
0189Painéis e interfaces de administração

Visão geral dos principais indicadores da escalação do ambulatório

No cenário de agendamento ambulatorial, conclua a visão geral dos principais indicadores: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos.

Painéis e interfaces de administraçãoVisão geral dos principais indicadoresHTMLCSS GridJavaScript
Abrir e executar
0190Fluxos de negócios e serviços

Calculadora de carrinho de aluguel de bicicleta

Complete a calculadora de carrinho de compras no cenário de aluguel de bicicletas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.

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

Escala tipográfica responsiva para revista urbana

Conclua a escala tipográfica responsiva em um cenário de revista urbana: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptado a diferentes tamanhos.

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

Carregador em várias etapas para ferramenta de foco

Conclua o carregador em várias etapas no cenário da ferramenta de foco: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout responsivo em diferentes tamanhos.

Animação e microinteraçõescarregador em várias etapasHTMLCSS AnimationJavaScript
Abrir e executar