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

Página de estudo de caso da exibição de arquivo

Concluir uma página de estudo de caso para o cenário de exibição em arquivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Fluxo de atividades em tempo real da sala de arquivo

Concluir um fluxo de atividade em tempo real no cenário da sala de arquivos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout entre tamanhos de tela.

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

Fluxo de solicitação de devolução e troca para arquivo impresso

Conclua o fluxo de solicitação de devolução e troca no cenário de impressão de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosfluxo de solicitação de troca e devoluçãoHTMLCSSJavaScript
Abrir e executar
0532Tipografia e efeitos de texto

Composição tipográfica dinâmica de ensaios de arquivo

Conclua a composição tipográfica dinâmica em um cenário de ensaio de arquivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoComposição tipográfica dinâmicaHTMLCSS AnimationJavaScript
Abrir e executar
0533Animação e microinterações

Transição de morph do botão de sincronização de arquivo

Conclua a transição da forma do botão no cenário de sincronização de arquivo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos de tela.

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

Efeito de explosão de confetes do Laboratório Botânico

Conclua o efeito de explosão de confetes no cenário de um laboratório botânico: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo em diferentes tamanhos.

Efeitos visuais criativosEfeito de confete explodindoHTMLCanvasJavaScript
Abrir e executar
0535Desenho e visualização de dados

Diagrama de nós de relações de crescimento de arquivo

Conclua o grafo de nós de relacionamento no cenário de crescimento do arquivo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0536Capacidades de mídia e dispositivos do navegador

Demonstração de operação da área de transferência com configurações de acessibilidade

Em cenários de configurações assistivas, conclua uma demonstração de operação da área de transferência: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

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

Organizador de despesas de caça ao tesouro de arquivos

Conclua o divisor de despesas no cenário de caça ao tesouro de arquivos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Miniaplicativos e minijogosDivisor de despesasHTMLCSSJavaScript
Abrir e executar
0538Controles básicos e seletores

Controle de intervalo duplo para horta comunitária

Conclua o controle de intervalo de valores em um cenário de horta comunitária: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControle de intervalo de dois valoresHTMLCSSJavaScript
Abrir e executar
0539Formulários e entrada

Formulário de confirmação de resumo de cadastro de acompanhamento

Conclua o formulário de confirmação de resumo no cenário de registro de acompanhamento: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos.

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

Navegação por breadcrumb do centro de arquivos

Conclua a navegação por breadcrumb em um contexto de centro de arquivos: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Máscara de progresso de lembrete de cuidado

Complete a máscara de progresso no cenário de lembrete de cuidados: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

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

Índice de contatos de notas de áudio

Complete um índice de contatos no cenário de notas de áudio: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0543Tabelas e exibição de dados

Controle de exibição de colunas do faturamento ambulatorial

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

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

Shell de painel de arquivo de áudio

Conclua o shell do painel no cenário de arquivo de áudio: com 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
0545Páginas de cenário de marketing e conteúdo

Página de comparação de produtos do laboratório de áudio

Complete uma página de comparação de produtos em um cenário de laboratório de áudio: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdopágina de comparação de produtosHTML TableCSSJavaScript
Abrir e executar
0546Painéis e interfaces de administração

Painel de calor do calendário de consumo de energia do campus

Complete o painel de calor do calendário no cenário de consumo de energia do campus: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar
0547Controles básicos e seletores

Grupo de etiquetas de filtro da cozinha da família

Concluir o grupo de etiquetas de filtro no cenário de cozinha doméstica: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo entre tamanhos.

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

Planilha de orçamento para demandas da comunidade

Nesta cena de solicitação comunitária, conclua a planilha de orçamento: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaPlanilha de orçamentoHTMLCSSJavaScript
Abrir e executar
0549Navegação e menus

Painel de comandos do hall de arquivos

Conclua o painel de comandos no cenário do saguão do arquivo: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Faixa de status do balcão de check-in

Banner de status concluído no contexto do balcão de check-in: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Sobreposições e feedback de estadoFaixa de statusHTMLCSSJavaScript
Abrir e executar
0551Cartões, listas e organização de conteúdo

Lista de conteúdo em acordeão do plano de cuidados

Conclua uma lista de conteúdo recolhível em cenários de plano de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Tabela comparativa de planos de estoque da clínica

Monte uma tabela comparativa de soluções em um cenário de estoque de ambulatório: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar