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 17 / 44
Exibindo atualmente 24 casos
0385Miniaplicativos e minijogos

Jogo da memória de virar cartas do ritual da equipe

concluir o jogo da memória de cartas viradas no cenário de um ritual de equipe: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Escala de avaliação do plano de viagem

No cenário de plano de viagem, conclua a escala de avaliação: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.

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

Feedback de força da senha para solicitação de serviço

Complete o feedback de força da senha no cenário de solicitação de serviço: inclui conteúdo realista, 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
0388Navegação e menus

Painel de comandos do espaço do projeto

Complete o painel de comandos no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

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

Popover de ajuda da biblioteca de fotos

Concluir o painel de ajuda no cenário de biblioteca de fotos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoSobreposição de ajudaHTMLCSSJavaScript
Abrir e executar
0390Cartões, listas e organização de conteúdo

Lista recolhível de eventos locais

Conclua uma lista de conteúdo em acordeão no cenário de eventos locais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

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

Controle de visibilidade de colunas do orçamento do projeto

Conclua o controle de exibição de colunas em um cenário de orçamento de projeto: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Carcaça do painel de histórias visuais

Concluir o shell do painel no cenário de narrativa fotográfica: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em vários tamanhos.

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

Mural de histórias e depoimentos do acampamento de aprendizagem

Na cena de um acampamento de aprendizagem, conclua a parede de histórias de boca a boca: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

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

Painel de comando operacional da capacidade do estúdio

Conclua o painel de comando operacional em um cenário de capacidade do estúdio: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

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

Fluxo de serviço de reserva de oficina

Conclua o fluxo de agendamento de serviço em um cenário de agendamento de oficina: inclui conteúdo real, controles interativos, feedback de status claro e layouts para vários tamanhos.

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

Layout de letreiro capitular para instruções de exposição

Conclua um layout de letra capitular no cenário de descrição de exposição: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos de tela.

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

Transição de esqueleto para player de música

Realize uma transição de tela esqueleto em um contexto de player de música: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Palco de foco com campo de aurora

Conclua o palco com holofote no cenário de campo de aurora: inclui conteúdo real, controles interativos, feedback de estado claro e um layout adaptável a diferentes tamanhos.

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

Gráfico do painel de crescimento do jardim

Conclua um gráfico de painel no cenário de crescimento do jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0400Miniaplicativos e minijogos

Cronômetro de foco do ritual da equipe

No cenário do ritual da equipe, conclua o cronômetro de foco: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Grupo de etiquetas de filtro para plano de viagem

Conclua um grupo de etiquetas de filtro para cenários de plano de viagem: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em várias larguras.

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

Grupo de campos dinâmicos para solicitação de serviço

Conclua um grupo de campos dinâmicos em um cenário de solicitação de serviço: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Navegação em árvore do espaço do projeto

Complete uma navegação em árvore no contexto do espaço do projeto: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Dica de teclado da biblioteca de fotos

Conclua uma dica de ferramenta por teclado no cenário de biblioteca de fotos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Carrossel de histórias com cartões de eventos locais

Complete um cartão de carrossel de histórias em um cenário de eventos locais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

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

Cabeçalho fixo da tabela de orçamento do projeto

Conclua um cabeçalho fixo no cenário de orçamento de projeto: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Grade editorial de revista de história visual

Conclua a grade editorial no cenário de narrativa visual: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.

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

Página de apresentação de recursos do acampamento de aprendizado

Conclua uma página de tour de funcionalidades para o cenário de acampamento de aprendizagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de guia de recursosHTMLCSSJavaScript
Abrir e executar