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

Forma fluida orgânica das profundezas do mar

Complete formas fluidas orgânicas em um cenário de águas profundas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layouts para vários tamanhos.

Efeitos visuais criativosForma fluida orgânicaHTMLCSS AnimationJavaScript
Abrir e executar
0050Desenho e visualização de dados

Gráfico de linha da tendência da qualidade do ar

Conclua o gráfico de linhas de tendência no cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0051Capacidades de mídia e dispositivos do navegador

Observador de media queries do laboratório de dispositivos

Conclua o observador de consultas de mídia no cenário do laboratório de dispositivos: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorObservador de consultas de mídiaHTMLCSSBrowser API
Abrir e executar
0052Miniaplicativos e minijogos

Quiz rápido da noite em família

Em uma cena de noite em família, conclua um quiz rápido de conhecimentos: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Miniaplicativos e minijogosQuiz rápidoHTMLCSSJavaScript
Abrir e executar
0053Controles básicos e seletores

controlador de faixa da sala de reunião

Em um cenário de sala de reuniões, conclua o regulador de intervalo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControlador de intervaloHTMLCSSJavaScript
Abrir e executar
0054Formulários e entrada

Entrada de sugestões locais para inscrição de voluntários

Complete uma entrada com sugestões locais no contexto de inscrição de voluntários: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaEntrada de sugestão localHTMLCSSJavaScript
Abrir e executar
0055Navegação e menus

Abas da área de trabalho do guia do museu

Concluir as abas do espaço de trabalho no cenário de guia de museu: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Pilha de mensagens de revisão de documentos

Complete a pilha de mensagens de feedback no cenário de revisão de documentos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoPilha de mensagens de avisoHTMLCSSJavaScript
Abrir e executar
0057Cartões, listas e organização de conteúdo

Linha do tempo de atividades da lista de leitura

Conclua a linha do tempo de atividades no contexto da lista de leitura: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0058Tabelas e exibição de dados

Tabela de dados paginada do livro-razão de estoque

Conclua uma tabela de dados paginada para um cenário de livro-caixa de estoque: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de dados paginadaHTML TableCSSJavaScript
Abrir e executar
0059Layout de página e responsividade

Layout clássico de três colunas para publicações de arquitetura

Complete o layout clássico de três colunas no cenário de revista de arquitetura: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em todos os tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0060Páginas de cenário de marketing e conteúdo

Área de conversão de perguntas e respostas da marca de chá

Complete a área de conversão de perguntas e respostas no cenário de 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údoÁrea de conversão de perguntas e respostasHTMLCSSJavaScript
Abrir e executar
0061Painéis e interfaces de administração

Feed de atividades em tempo real da operação da biblioteca

Execute um feed de atividades em tempo real em um cenário de operações de biblioteca: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Montador de promoções da floricultura

Conclua o combinador de promoções em um cenário de floricultura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Fluxos de negócios e serviçoscombinador de promoçõesHTMLCSSJavaScript
Abrir e executar
0063Tipografia e efeitos de texto

Tipografia de título fluido de poesia das montanhas

Concluir a composição tipográfica do título fluido no cenário de um livro de poemas da montanha: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTipografia de título fluidoHTMLCSS TypographyJavaScript
Abrir e executar
0064Animação e microinterações

Feedback circular de progresso de upload de arquivo

Feedback de progresso circular concluído no contexto de envio de arquivos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesFeedback de progresso circularHTMLCSS AnimationJavaScript
Abrir e executar
0065Efeitos visuais criativos

Experimento de grade de gradiente do mar profundo

Conclua um experimento de grade em malha de gradiente em um cenário de fundo do mar: inclui conteúdo real, controles utilizáveis, feedback de estado claro e layout responsivo.

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

Gráfico de rosca da qualidade do ar

Narre um gráfico de rosca de participação em um cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

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

Bilhete de armazenamento local do Laboratório de Dispositivos

Conclua uma nota de armazenamento local em um cenário de laboratório de dispositivos: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Jogo da memória de virar cartas da noite em família

Em um cenário de noite em família, conclua um jogo da memória de virar cartas: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosjogo da memória com cartas viradasHTMLCSSJavaScript
Abrir e executar
0069Controles básicos e seletores

Escala de avaliação da sala de reuniões

No cenário da sala de reunião, conclua a escala de avaliação: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresEscala de avaliaçãoHTMLCSSJavaScript
Abrir e executar
0070Formulários e entrada

Feedback de força da senha para inscrição de voluntários

Complete o feedback de força da senha em um cenário de inscrição de voluntários: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo para diferentes tamanhos.

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

Painel de comandos do guia do museu

Painel de comandos para o cenário de guia de museu: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0072Sobreposições e feedback de estado

Ajuda em revisão de documentos

No cenário de revisão de documentos, conclua o popover de ajuda: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadoSobreposição de ajudaHTMLCSSJavaScript
Abrir e executar