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

Lista de conteúdo expansível da lista de leitura

Conclua uma lista de conteúdo recolhível para o cenário de lista de leitura: inclui conteúdo real, controles operáveis, feedback de status claro e um layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoLista de conteúdo recolhívelHTMLCSSJavaScript
Abrir e executar
0074Tabelas e exibição de dados

Controle de visibilidade das colunas do livro-razão de estoque

Complete o controle de visibilidade de colunas em um contexto de inventário: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Painel da arquitetura do diário de edifícios

Conclua o shell do painel em um cenário de revista de arquitetura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Mural de histórias de reputação de marca de chá

Complete a parede de histórias de depoimentos no cenário de uma marca de chá: 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údoParede de histórias de boca a bocaHTMLCSSJavaScript
Abrir e executar
0077Painéis e interfaces de administração

Painel de operações da biblioteca

Complete o painel de comando operacional no cenário de operação da biblioteca: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de operaçõesHTMLCSS GridJavaScript
Abrir e executar
0078Fluxos de negócios e serviços

Fluxo de reserva de serviços de floricultura

Conclua um fluxo de agendamento de serviço no contexto de uma floricultura: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosfluxo de agendamento de serviçosHTMLCSSJavaScript
Abrir e executar
0079Tipografia e efeitos de texto

Layout com capitular de uma coletânea de poemas da natureza

Em um cenário de coletânea poética de montanha, conclua a composição com letra capitular suspensa: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoLayout com inicial elevadaHTMLCSS GridResponsive Design
Abrir e executar
0080Animação e microinterações

Transição de skeleton screen para upload de arquivo

Conclua a transição de tela de esqueleto no cenário de upload de arquivos: inclui conteúdo real, controles utilizáveis, feedback de estado claro e layout em vários tamanhos.

Animação e microinteraçõesTransição de esqueletoHTMLCSS AnimationJavaScript
Abrir e executar
0081Efeitos visuais criativos

Palco do holofote do mar profundo

Conclua o palco do holofote no cenário de águas profundas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosPalco de holofoteHTMLCanvasJavaScript
Abrir e executar
0082Desenho e visualização de dados

Gráfico do painel de qualidade do ar

No cenário de qualidade do ar, conclua o gráfico em estilo de painel: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Demonstração de operações com a área de transferência do Laboratório de Dispositivos

Conclua uma demonstração de operação da área de transferência no cenário do laboratório de dispositivos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Capacidades de mídia e dispositivos do navegadorDemonstração de operações da área de transferênciaHTMLCSSBrowser API
Abrir e executar
0084Miniaplicativos e minijogos

Cronômetro de foco para noite em família

Conclua um cronômetro de foco no cenário da noite em família: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosCronômetro de focoHTMLCSSJavaScript
Abrir e executar
0085Controles básicos e seletores

Grupo de etiquetas de filtro da sala de reunião

Complete um conjunto de tags de filtro no cenário de sala de reunião: contém conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Grupo de campos dinâmicos para inscrição de voluntários

Conclua um grupo de campos dinâmicos em um cenário de inscrição de voluntários: com conteúdo real, controles acionáveis, feedback claro de status e layout em várias dimensões.

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

Navegação em árvore para guia de museu

Conclua a navegação em árvore em um cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Tooltips de teclado para revisão de documentos

Complete dicas de ferramenta do teclado no cenário de revisão de documentos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

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

Carrossel de histórias da lista de leitura

Em um cenário de lista de leitura, conclua o cartão de carrossel de histórias: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0090Tabelas e exibição de dados

Cabeçalho fixo do livro-razão de estoque

Conclua um cabeçalho fixo no cenário de livro de registro de estoque: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Grid editorial da revista de arquitetura

Conclua uma grade editorial de revista em um cenário de jornal de arquitetura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeGrade de edição de revistaHTMLCSS GridResponsive Design
Abrir e executar
0092Páginas de cenário de marketing e conteúdo

Página de guia de recursos para marca de chá

Conclua uma página de tour de recursos em um cenário de marca de chá: 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 guia de recursosHTMLCSSJavaScript
Abrir e executar
0093Painéis e interfaces de administração

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

Concluir um painel de uso de recursos no cenário de operação de biblioteca: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Gerador de faturas para floricultura

No cenário de floricultura, conclua o gerador de faturas: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.

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

Efeito de máscara de texto do poema das montanhas e campos

Conclua um efeito de máscara de texto em um cenário de livro de poesia de montanha: inclua conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

Tipografia e efeitos de textoEfeito de máscara de textoHTMLCSS TypographyJavaScript
Abrir e executar
0096Animação e microinterações

Entrada escalonada da lista de upload de arquivos

Complete uma entrada escalonada em uma cena de upload de arquivos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos de tela.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar