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 44 de 44
Atualmente exibindo 14 casos
1033Animação e microinterações

Transição de forma do botão de fluxo de doação

Conclua a transição de forma do botão em um cenário de fluxo de doação: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo entre tamanhos.

Animação e microinteraçõesTransição de forma do botãoHTMLCSS AnimationJavaScript
Abrir e executar
1034Efeitos visuais criativos

Espaço de profundidade de campo em vidro do Salão do Eco

Conclua o espaço de profundidade de vidro em um cenário de sala de ecos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosespaço de profundidade de vidroHTMLCSS GridResponsive Design
Abrir e executar
1035Desenho e visualização de dados

Gráfico de linha do tempo do atlas de sala de aula

Realize um gráfico de linha do tempo no cenário de atlas de sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
1036Capacidades de mídia e dispositivos do navegador

Demonstração de operações com a área de transferência no terminal do ambulatório

Demonstre operações da área de transferência no cenário de terminal de clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Jogo de memória de virar cartas da mesa do cronômetro da aula

Conclua um jogo da memória de virar cartas em um cenário de mesa com cronômetro de aula: conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Controlador de ajuste de faixa do painel de planejamento do espetáculo

Conclua o controle de faixa no cenário do painel de planejamento da apresentação: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

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

Formulário de confirmação do resumo da carta de concessão e apoio

Conclua o formulário de confirmação de resumo em um cenário de cartão de confirmação de bolsa: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaFormulário de confirmação de resumoHTMLCSSJavaScript
Abrir e executar
1040Navegação e menus

Navegação em breadcrumb do painel do estúdio

Conclua a navegação por breadcrumb em um cenário de despacho de estúdio: com conteúdo realista, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
1041Sobreposições e feedback de estado

Pilha de mensagens do cartão de confirmação de aprovação

Na cena do cartão de confirmação de aprovação, conclua a pilha de mensagens de aviso: com 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
1042Cartões, listas e organização de conteúdo

Card de carrossel de histórias da caixa de clipes do estúdio

Conclua um carrossel de histórias no cenário da caixa de recortes do estúdio: inclui conteúdo real, controles operáveis, feedback de estado 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
1043Tabelas e exibição de dados

Tabela combinada de filtragem de uso do estúdio

Conclua a tabela de filtragem combinada no cenário da planilha de uso do estúdio: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de filtros combinadosHTML TableCSSJavaScript
Abrir e executar
1044Layout de página e responsividade

Grid editorial de revista em caderno de jardim

Concluir a grade editorial de revista em um cenário de caderno de jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Área de conversão de perguntas e respostas do passe de viagem

Conclua a seção de conversão de perguntas frequentes no cenário do passe de viagem: 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údoÁrea de conversão de perguntas e respostasHTMLCSSJavaScript
Abrir e executar
1046Painéis e interfaces de administração

Painel de calor do calendário da rede de serviços habitacionais

Painel de calor do calendário concluído no cenário do serviço web residencial: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar