Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
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.
Abrir e executarTabela de cartões móveis de notas da disciplina
Conclua uma tabela em cartões para dispositivos móveis em um cenário de notas de curso: com conteúdo realista, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarLayout em cascata responsivo do portal da comunidade
Em um cenário de portal comunitário, conclua o layout em cascata responsivo: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPágina de contagem regressiva para o lançamento do Festival Criativo
Conclua uma página de contagem regressiva para lançamento 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 funil de conversão da agenda ambulatorial
Crie um painel de funil de conversão no cenário de agendamento ambulatorial: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarSeleção de plano de assinatura para aluguel de bicicleta
Conclua a seleção de planos de assinatura no contexto de aluguel de bicicletas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.
Abrir e executarComposição tipográfica dinâmica de revista urbana
Conclua a composição tipográfica dinâmica no cenário de revista urbana: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarTransição de virar páginas da ferramenta de foco
No cenário de ferramenta de foco, conclua a troca de estado ao virar a página: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a vários tamanhos.
Abrir e executarEfeito de travessia do céu estrelado no jardim noturno
Conclua um efeito de travessia estrelada no cenário do jardim noturno: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarGráfico de dispersão do progresso de aprendizagem
Conclua o gráfico de dispersão no cenário do progresso de aprendizagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarIndicação de status de rede da sala de demonstração
Conclua a indicação do estado de conexão no cenário do espaço de apresentação: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarConversor de unidades para intervalo
No cenário de intervalo de estudos, conclua a calculadora de conversão de unidades: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarSeleção de amostras de cores no modo de leitura
Concluir a seleção de amostras de cores em um cenário de modo de leitura: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarTabela de agendamento de inscrição em cursos
Complete o formulário de agendamento de horários no contexto de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos de tela.
Abrir e executarNavegação rápida inferior da base de conhecimento
Complete a navegação rápida no rodapé para o cenário de base de conhecimento: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarCentro de notificações e central de tarefas
Conclua um centro de notificações em um cenário de centro de tarefas: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarRegistro 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.
Abrir e executarTabela comparativa de notas de disciplinas
Complete a tabela comparativa de soluções no cenário de notas das disciplinas: conteúdo real, controles operáveis, feedback claro de estado e layout para diferentes tamanhos de tela.
Abrir e executarLayout da barra lateral fixa do portal da comunidade
Conclua um layout com barra lateral fixa no cenário de portal comunitário: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos. É possível ver o resultado online, editar o código-fonte e executar no navegador.
Abrir e executarPágina de conversão para assinatura do Festival Criativo
Conclua a página de conversão de inscrição em um cenário de festival criativo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPainel de calor do calendário de escalas de ambulatório
Complete o painel de mapa de calor do calendário no cenário de escalação ambulatorial: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarAcompanhamento do progresso do pedido de aluguel de bicicleta
Complete o acompanhamento do progresso do pedido em um cenário de aluguel de bicicleta: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarTexto em ritmo de revista urbana
Conclua um texto em faixa com ritmo no cenário de revista urbana: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarFeedback de controle elástico da ferramenta de foco
Complete o feedback do controle elástico em um cenário de ferramenta de foco: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo para diferentes tamanhos.
Abrir e executar