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 32 / 44
Exibindo atualmente 24 casos
0745Páginas de cenário de marketing e conteúdo

Mural de histórias e depoimentos da residência criativa

Conclua a parede de histórias de depoimentos no cenário de residência criativa: inclui conteúdo real, controles operáveis, feedback claro de status 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
0746Painéis e interfaces de administração

Painel de fluxo da mesa de revisão de programação do curso

Complete o painel de pipeline no cenário de quadro de revisão de aulas: inclui conteúdo real, controles acionáveis, feedback claro de status e layout em várias dimensões.

Painéis e interfaces de administraçãoPainel da linha de fluxoHTMLCSS GridJavaScript
Abrir e executar
0747Controles básicos e seletores

Grupo de etiquetas de filtro da prateleira de exposição no sótão

Conclua um conjunto de etiquetas de filtro no cenário de estante de exibição do loft: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Feedback de força da senha no caderno de acompanhamento de retorno do hóspede

Conclua o feedback de força da senha no cenário do registro de acompanhamento residencial: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

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

Navegação em árvore do mapa de rotas do campus

Conclua a navegação em árvore no contexto do mapa de rotas do campus: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

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

Máscara de progresso da nota de prova da galeria

Conclua uma máscara de progresso no cenário de prova de galeria: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadomáscara de progressoHTMLCSSJavaScript
Abrir e executar
0751Cartões, listas e organização de conteúdo

Quadro de tarefas de ronda ambulatorial

Conclua o quadro de tarefas no cenário de ronda ambulatorial: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0752Tabelas e exibição de dados

Tabela de lista de itens de exposição para seleção em lote

Completa uma tabela de seleção em massa no cenário de lista de itens de exposição: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Tabelas e exibição de dadosSeleção em massaHTML TableCSSJavaScript
Abrir e executar
0753Layout de página e responsividade

Galeria adaptável do caderno de cuidados

Conclua uma galeria adaptativa no cenário de um caderno de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeGaleria responsivaHTMLCSSJavaScript
Abrir e executar
0754Páginas de cenário de marketing e conteúdo

Página de estudo de caso da semana de inscrição para criação

Complete a página de estudo de caso em um cenário de semana de inscrição criativa: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de estudo de casoHTMLCSS GridResponsive Design
Abrir e executar
0755Painéis e interfaces de administração

Painel de uso de recursos da rede de serviços de sala de aula

Conclua o painel de uso de recursos no cenário de serviços de turmas: inclui conteúdo real, controles acionáveis, 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
0756Fluxos de negócios e serviços

Seletor de assentos do carrinho de suprimentos de cuidados

Concluir o seletor de assentos no cenário do carrinho de suprimentos de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Fluxos de negócios e serviçosSeletor de assentosHTMLCSSJavaScript
Abrir e executar
0757Tipografia e efeitos de texto

Ritmo em faixa de script de arquivo

Finalize o texto em movimento rítmico no cenário de roteiro de arquivo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Tipografia e efeitos de textoTexto em movimento rítmicoHTMLCSS AnimationJavaScript
Abrir e executar
0758Animação e microinterações

Lista de gatilhos de catálogo com entrada escalonada

Completa a entrada escalonada da lista no cenário do gatilho de catálogo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar
0759Efeitos visuais criativos

Efeito de rastro do ponteiro no corredor do lago de nuvens

Na cenărio do corredor do lago de nuvens, conclua o efeito de trilha luminosa do cursor: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em vários tamanhos.

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

Gráfico de dispersão do mapa de sinais do ar

No cenário do mapa de sinais de ar, conclua o gráfico de dispersão: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0761Capacidades de mídia e dispositivos do navegador

Painel de informações da viewport do terminal de áudio

Complete um painel de informações da viewport para o cenário da terminal de áudio: com 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 informações da viewportHTMLCSSBrowser API
Abrir e executar
0762Miniaplicativos e minijogos

Tabela de contagem regressiva de arquivo e marcação de hábitos

No cenário da mesa de cronograma de arquivo, conclua o painel de check-in de hábitos: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Miniaplicativos e minijogosPainel de check-in de hábitosHTMLCSSJavaScript
Abrir e executar
0763Controles básicos e seletores

Stepper numérico do lounge do loft

Conclua o seletor numérico no cenário do mezanino do loft: inclui conteúdo real, controles operáveis, feedback de estado claro e um layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControlador numérico incrementalHTMLCSSJavaScript
Abrir e executar
0764Formulários e entrada

Grupo de campos dinâmicos do cadastro de hospedagem

Em um cenário de registro da secretaria de habitação, conclua um grupo de campos dinâmicos: com conteúdo real, controles interativos, feedback de estado claro e layout em vários tamanhos.

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

Abas da área de trabalho do hall de serviços do campus

Complete as abas do espaço de trabalho no cenário do hall de serviços do campus: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Gaveta lateral do posto de revisão da galeria

Conclua uma gaveta lateral em um cenário de revisão de galeria: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadogaveta lateralHTMLCSSJavaScript
Abrir e executar
0767Cartões, listas e organização de conteúdo

Notas em cascata da estante de histórias ambulatoriais

No cenário da estante de histórias da clínica, conclua notas em fluxo contínuo: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0768Tabelas e exibição de dados

Controle de exibição das colunas da tabela de programação das exposições

No cenário da tabela de programação de exposições, conclua o controle de exibição de colunas: com conteúdo real, controles operáveis, feedback de estado claro e layout para diferentes tamanhos.

Tabelas e exibição de dadosControle de exibição de colunasHTML TableCSSJavaScript
Abrir e executar