HTML / CSS / JavaScript

Cartões, listas e organização de conteúdo

Cartões, quadros, linhas do tempo, filtragem de listas e organização de conteúdo.

84c categorias de exemplos
Exibindo atualmente 84 casos
0003Cartões, listas e organização de conteúdo

Painel sanfonado

Componente de acordeão para perguntas frequentes com suporte a teclado e expansão suave.

HTMLCSSJavaScriptacessibilidade
Abrir e executar
0006Cartões, listas e organização de conteúdo

Linha do tempo vertical

Linha do tempo responsiva para exibir o andamento do projeto e os marcos principais.

HTMLCSSlinha do tempolayout
Abrir e executar
0011Cartões, listas e organização de conteúdo

3D cartão de virar

Cartão informativo tridimensional operável com mouse, toque e teclado.

HTMLCSS3Dcartão
Abrir e executar
0015Cartões, listas e organização de conteúdo

Pesquisa em lista em tempo real

Filtre cidades instantaneamente ao digitar palavras-chave e destaque os resultados correspondentes.

HTMLCSSJavaScriptBuscar
Abrir e executar
0025Cartões, listas e organização de conteúdo

Parede de cartões filtráveis da lista de leitura

Complete uma parede de cartões filtráveis no cenário de lista de leitura: 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údopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0041Cartões, listas e organização de conteúdo

Quadro de tarefas da lista de leitura

Conclua tarefas em um cenário de lista de leitura: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo para vários tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
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
0073Cartões, listas e organização de conteúdo

Lista de conteúdo expansível da lista de leitura

Conclua uma lista de conteúdo recolhível para o cenário de lista de leitura: inclui conteúdo real, controles operáveis, feedback de status claro e um layout responsivo a diferentes tamanhos.

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

Carrossel de histórias da lista de leitura

Em um cenário de lista de leitura, conclua o cartão de carrossel de histórias: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0105Cartões, listas e organização de conteúdo

Fila prioritária da lista de leitura

Conclua uma fila de prioridade em um cenário de lista de leitura: 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údoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0121Cartões, listas e organização de conteúdo

Registro expansível da lista de leitura

Complete o registro expansível no cenário de lista de leitura: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0137Cartões, listas e organização de conteúdo

Notas em mosaico da lista de leitura

Conclua o bloco de notas em cascata para cenários de lista de leitura: com conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0153Cartões, listas e organização de conteúdo

Organizador de marcadores da lista de leitura

Complete o organizador de favoritos no cenário de lista de leitura: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0169Cartões, listas e organização de conteúdo

Índice de contatos da lista de leitura

Complete um índice de contatos em um cenário de lista de leitura: inclui conteúdo real, controles acionáveis, feedback claro de estado e layouts adaptáveis a diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0185Cartões, listas e organização de conteúdo

Painel de cartões filtráveis de tarefas de design

Conclua a parede de cartões filtráveis no cenário de tarefas de design: com conteúdo real, controles interativos, feedback claro de estado e layout em vários tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0201Cartões, listas e organização de conteúdo

Quadro de tarefas de design

Em um cenário de tarefas de design, conclua um quadro de tarefas: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0217Cartões, listas e organização de conteúdo

Linha do tempo de atividades de tarefas de design

Conclua a linha do tempo de atividades em cenários de tarefas de design: 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údoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0233Cartões, listas e organização de conteúdo

Lista de conteúdo em acordeão para tarefas de design

Complete a lista de conteúdo em acordeão no cenário de tarefas de design: 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
0249Cartões, listas e organização de conteúdo

Cartão carrossel de histórias de tarefas de design

Conclua um carrossel de histórias no cenário de tarefas de design: 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údoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0265Cartões, listas e organização de conteúdo

Fila de prioridade de tarefas de design

Concluir uma fila de prioridades para o cenário de tarefas de design: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0281Cartões, listas e organização de conteúdo

Registro expansível de tarefas de design

Conclua registros expansíveis no cenário de tarefas de design: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo para diferentes tamanhos.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0297Cartões, listas e organização de conteúdo

Notas em cascata de tarefas de design

No cenário de tarefas de design, conclua um conjunto de notas em estilo waterfall: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0313Cartões, listas e organização de conteúdo

Organizador de tarefas de design

Na cena de tarefas de design, conclua o organizador de favoritos: 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údoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0329Cartões, listas e organização de conteúdo

índice de contatos de tarefas de design

Conclua o índice de contatos no cenário de tarefas de design: 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údoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0345Cartões, listas e organização de conteúdo

Parede de cartões filtráveis de eventos locais

Conclua uma parede de cartões filtráveis no cenário de eventos locais: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0360Cartões, listas e organização de conteúdo

Quadro de tarefas de eventos locais

Faça um quadro Kanban em um cenário de eventos locais: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre tamanhos de tela.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0375Cartões, listas e organização de conteúdo

Linha do tempo de eventos locais

Complete a linha do tempo de atividades no cenário de eventos locais: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
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
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
0418Cartões, listas e organização de conteúdo

Fila de prioridades de eventos locais

Complete uma fila de prioridade em um cenário de eventos locais: inclui conteúdo real, controles acionáveis, feedback claro de estado e layouts adaptáveis a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0431Cartões, listas e organização de conteúdo

Registro expansível de eventos locais

Conclua registros expansíveis no cenário de eventos locais: 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údoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0444Cartões, listas e organização de conteúdo

Notas em cascata de eventos locais

Conclua um bloco de notas em fluxo de colunas no cenário de eventos locais: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0456Cartões, listas e organização de conteúdo

Organizador de favoritos de eventos locais

Organizador de favoritos concluído para cenários de eventos locais: 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údoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0466Cartões, listas e organização de conteúdo

Índice de contatos de eventos locais

Complete o índice de contatos em um cenário de evento local: inclua conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos em diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0475Cartões, listas e organização de conteúdo

Mural de cartões filtrável para diretório da equipe

Grade de cartões filtrável para o cenário de diretório da equipe: inclui conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0483Cartões, listas e organização de conteúdo

Quadro de tarefas do diretório da equipe

Concluir o quadro Kanban no cenário de diretório da equipe: 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údoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0491Cartões, listas e organização de conteúdo

Linha do tempo de atividades do diretório da equipe

Conclua uma linha do tempo de atividades em um cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layouts que se adaptam a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0496Cartões, listas e organização de conteúdo

Lista de conteúdo recolhível do diretório da equipe

Conclua uma lista de conteúdo recolhível no cenário de diretório da equipe: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

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

Cartão carrossel de histórias do diretório da equipe

Conclua o carrossel de histórias em um cenário de diretório da equipe: 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údoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0504Cartões, listas e organização de conteúdo

Fila de prioridade do diretório da equipe

No cenário do diretório da equipe, conclua uma fila de prioridade: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0508Cartões, listas e organização de conteúdo

Registros expansíveis do diretório da equipe

Concluir registros expansíveis em um cenário de diretório de equipe: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0512Cartões, listas e organização de conteúdo

Bloco de notas do diretório da equipe em layout em cascata

Complete um mosaico de notas no cenário do diretório da equipe: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0526Cartões, listas e organização de conteúdo

Organizador de marcadores de estante de arquivo

Conclua o organizador de marcadores no cenário da estante de arquivo: 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údoOrganizador de favoritosHTMLCSS GridJavaScript
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
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
0567Cartões, listas e organização de conteúdo

Linha do tempo de atividades de propostas públicas

Complete a linha do tempo de atividades em cenários de propostas públicas: inclui conteúdo real, controles acionáveis, feedback de status 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
0576Cartões, listas e organização de conteúdo

Organizador de marcadores do Clippings de áudio

Na cena da caixa de recortes sonoros, conclua o organizador de favoritos: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0592Cartões, listas e organização de conteúdo

Índice de contatos do livro de passagem de áudio

Conclua o índice de contatos em um cenário de livro de passagem de áudio: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0601Cartões, listas e organização de conteúdo

Registros expansíveis do caderno de áudio

Conclua o registro expansível no cenário de caderno de áudio: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0617Cartões, listas e organização de conteúdo

Painel de cartões filtráveis do plano de som

Conclua a parede de cartões filtrável no cenário da parede de planos de áudio: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0626Cartões, listas e organização de conteúdo

Quadro de tarefas de cartões de prompt de áudio

Conclua um quadro de tarefas em um cenário de cartões com pistas sonoras: 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údoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0642Cartões, listas e organização de conteúdo

Painel de mural em cascata de registros de voz

Complete as notas em cascata em um cenário de mural de elenco de áudios: 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údoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0651Cartões, listas e organização de conteúdo

Fila de prioridade da estante de histórias sonoras

Complete a fila de prioridades no cenário da estante de histórias em áudio: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0667Cartões, listas e organização de conteúdo

Cartão carrossel de histórias da linha de patrulha sonora

Conclua o cartão em carrossel de histórias no cenário da linha de patrulha sonora: com conteúdo realista, 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
0676Cartões, listas e organização de conteúdo

Lista de conteúdo dobrável da caixa de recortes do ambulatório

No cenário da caixa de recortes da clínica, conclua uma lista de conteúdo recolhível: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

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

Linha do tempo das atividades do livro de passagem da clínica

Conclua a linha do tempo de atividades no cenário do livro de passagem ambulatorial: inclui conteúdo real, controles acionáveis, feedback de status claro e um layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0701Cartões, listas e organização de conteúdo

Organizador de marcadores do caderno da clínica

Organizador de marcadores concluído para o cenário do caderno ambulatorial: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0717Cartões, listas e organização de conteúdo

Índice de contatos do quadro de planejamento do ambulatório

Cenário de indexação de contatos concluído na parede de planejamento do ambulatório: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável entre tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0726Cartões, listas e organização de conteúdo

Registros expansíveis de cartões de dicas da clínica

Complete um registro expansível no cenário de cartões de lembretes ambulatoriais: 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údoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0742Cartões, listas e organização de conteúdo

Painel de cards filtráveis da lista de pacientes ambulatoriais

Crie um mural de cartões filtráveis no cenário de quadro de registros de clínica: 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údopainel de cartões filtrávelHTMLCSSJavaScript
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
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
0776Cartões, listas e organização de conteúdo

Fila de prioridade da ronda ambulatorial

Conclua a fila de prioridades no cenário da ronda ambulatorial: 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údoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0792Cartões, listas e organização de conteúdo

Carrossel de histórias do mercado da comunidade

Complete o carrossel de cards de histórias no cenário do mercado comunitário: conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos de tela.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0801Cartões, listas e organização de conteúdo

Lista expansível de recortes do curso

Complete a lista de conteúdo recolhível no cenário de clipes do curso: inclui conteúdo real, controles interativos, feedback de estado 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
0817Cartões, listas e organização de conteúdo

Linha do tempo de inscrições em eventos

Conclua a linha do tempo de eventos no cenário de inscrições para atividades: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0826Cartões, listas e organização de conteúdo

Organizador de marcadores do clip box do campo

No cenário da caixa de recortes de campo, conclua o organizador de favoritos: 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údoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0842Cartões, listas e organização de conteúdo

Índice de contatos do livro de passagem de campo

Concluir o índice de contatos no cenário de um livro de registro de handover de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0851Cartões, listas e organização de conteúdo

Registro de campo em formato expansível

Conclua registros expansíveis em um cenário de caderno de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout para vários tamanhos.

Cartões, listas e organização de conteúdoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0867Cartões, listas e organização de conteúdo

Mural de cartões filtrável com notas do campo

Conclua a parede de cartões filtráveis em um cenário de anotações de campo: 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údopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0876Cartões, listas e organização de conteúdo

Quadro de tarefas do plano de campo

No cenário de quadro de plano de campo, concluir um painel de tarefas: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
0892Cartões, listas e organização de conteúdo

Notas em cascata de cartões de prompt do campo

Conclua as notas em cascata em um cenário de cartões de dicas de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0901Cartões, listas e organização de conteúdo

fila de prioridades do painel de cadastro do campo

No cenário de quadro de cadastro de campo, conclua a fila de prioridades: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0917Cartões, listas e organização de conteúdo

Série de histórias da estante de campo, cartões de carrossel de histórias

Conclua o cartão de carrossel de histórias no cenário de estante de histórias de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoCartão de carrossel de históriasHTMLCSSJavaScript
Abrir e executar
0926Cartões, listas e organização de conteúdo

Lista de conteúdo expansível da linha de inspeção de campo

Conclua uma lista de conteúdo expansível no cenário de inspeção em campo: 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
0942Cartões, listas e organização de conteúdo

Linha do tempo de atividades do diário do jardim

Na cena do diário do jardim, conclua a linha do tempo de atividades: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0951Cartões, listas e organização de conteúdo

Organizador de marcadores do diário de criação

Conclua um organizador de marcadores para um cenário de diário de criação: conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0967Cartões, listas e organização de conteúdo

Índice de contatos do prontuário de pets

Concluir um índice de contatos em um cenário de fichas de pets: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.

Cartões, listas e organização de conteúdoÍndice de contatosHTMLCSSJavaScript
Abrir e executar
0976Cartões, listas e organização de conteúdo

Registros expansíveis da biblioteca de podcasts

No cenário da biblioteca de podcasts, concluir registro expansível: 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údoRegistro expansívelHTMLCSSJavaScript
Abrir e executar
0992Cartões, listas e organização de conteúdo

Painel de cartões filtráveis de coleção de receitas

Conclua uma parede de cards filtráveis para um cenário de coleção de receitas: 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údopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
1001Cartões, listas e organização de conteúdo

Quadro Kanban de tarefas de recortes de pesquisa

Concluir um quadro kanban em um cenário de recortes de pesquisa: 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údoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
1017Cartões, listas e organização de conteúdo

Notas em waterfall de passagem de turno

Notas em cascata para o cenário de registro de passagem de turno: inclui conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
1026Cartões, listas e organização de conteúdo

Fila de prioridades do painel do estúdio

Conclua a fila de prioridades no cenário do quadro do estúdio: inclua conteúdo realista, controles utilizáveis, feedback de estado claro e layout em vários tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
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