Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
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.
Abrir e executarTabela de edição inline de notas das disciplinas
Tabela com edição inline para o cenário de notas de cursos: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.
Abrir e executarGaleria adaptativa do portal da comunidade
Conclua a galeria adaptável no cenário do portal da comunidade: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPágina de estudo de caso do festival criativo
Conclua a página de estudo de caso no cenário do festival criativo: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarPainel de retenção por grupo da escala do ambulatório
Na situação de escala do ambulatório, conclua um painel de retenção por coortes: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.
Abrir e executarSeletor de assentos para aluguel de bicicletas
Em cenários de aluguel de bicicletas, conclua um seletor de assentos: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.
Abrir e executarLayout em grade de poesia para revista urbana
Em um cenário de revista urbana, conclua a composição em grade de poesia: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.
Abrir e executarAnimação de revelação de conteúdo da ferramenta de foco
Conclua a animação de revelação de conteúdo no cenário da ferramenta de foco: inclui conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarEspaço de profundidade em vidro do jardim noturno
Crie um espaço de profundidade em vidro no cenário do Jardim Noturno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarMapa de nós de relação do progresso de aprendizagem
Conclua um gráfico de nós de relacionamento no cenário de progresso de aprendizagem: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarDetecção de esquema de cores do espaço de demonstração
Conclua a detecção de esquema de cores do sistema em cenários de espaço de apresentação: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarJogo da velha no intervalo
Complete o jogo da velha durante um intervalo de aula: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarSeleção rápida de data no modo de leitura
Conclua a seleção rápida de datas no cenário do modo de leitura: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarFormulário de confirmação do resumo de matrícula do curso
Conclua o formulário de confirmação de resumo no cenário de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarMenu grande de grupo da base de conhecimento
Conclua um menu grande agrupado para cenários de base de conhecimento: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.
Abrir e executarMáscara de progresso do centro de tarefas
Conclua uma máscara de progresso no cenário do centro de tarefas: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarí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.
Abrir e executarTabela de seleção em massa de notas do curso
No cenário de notas da disciplina, conclua uma tabela de seleção em massa: com conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de conteúdo principal e secundário do portal da comunidade
Complete o layout de conteúdo mestre-detalhe em um cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarPágina de comparação de produtos do Festival Criativo
Conclua a página de comparação de produtos em cenários de festival criativo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPainel de fluxo de agendamento de clínica ambulatorial
Concluir o painel de linha de processos em um cenário de escalações ambulatoriais: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarFluxo de solicitação de devolução e troca de aluguel de bicicleta
Crie um fluxo de solicitação de troca e devolução no cenário de aluguel de bicicletas: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarAjuste da largura da linha de leitura para revista urbana
Conclua o ajuste do comprimento da linha de leitura no cenário da revista urbana: com conteúdo realista, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executaranimação orbital do status da ferramenta de foco
No cenário de ferramenta de foco, conclua a animação de estado orbital: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.
Abrir e executar