Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
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.
Abrir e executarTabela de dados paginada de notas do curso
Conclua a tabela de dados paginada em um cenário de notas de curso: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarLayout clássico de três colunas para portal da comunidade
Completar o layout clássico de três colunas 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 executarÁrea de conversão da festa criativa
Conclua, em um cenário de festival criativo, uma área de conversão de perguntas e respostas: com conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarFluxo de atividades em tempo real da escala ambulatorial
Fluxo em tempo real no cenário de escalação do ambulatório: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarCombinador de promoções para aluguel de bicicletas
Conclua o combinador de promoções em um cenário de aluguel de bicicletas: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo em diferentes tamanhos.
Abrir e executarTipografia de títulos fluidos para revista urbana
Conclua a tipografia de títulos fluidos no cenário de revista urbana: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarFeedback de progresso em anel para ferramenta de foco
Concluir um feedback de progresso em anel em um cenário de ferramenta de foco: com conteúdo real, controles acionáveis, feedback de estado claro e layout em várias dimensões.
Abrir e executarExperimento de malha em degradê do jardim noturno
Complete o experimento de grade gradiente em um cenário de jardim noturno: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGráfico de rosca de progresso de aprendizado
Conclua o gráfico de participação em anel no cenário de progresso de aprendizagem: inclui conteúdo real, controles operáveis, feedback de estado claro e um layout adaptável a diferentes tamanhos.
Abrir e executarAnotações de armazenamento local do espaço de demonstração
No cenário da sala de apresentação, conclua o bilhete de notas de armazenamento local: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo.
Abrir e executarJogo da memória de virar cartas para o intervalo
Durante o intervalo entre aulas, complete um jogo da memória de virar cartas: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarEscala de avaliação do modo de leitura
No cenário do modo de leitura, conclua a escala de avaliação: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarFeedback de força da senha para matrícula em curso
Feedback de força da senha em um cenário de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos de tela.
Abrir e executarPainel de comando da base de conhecimento
Conclua um painel de comandos no cenário da base de conhecimento: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.
Abrir e executarPop-up de ajuda do centro de tarefas
Conclua um popover de ajuda para o cenário do centro de tarefas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarLista 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.
Abrir e executarControle de exibição das colunas de notas das disciplinas
Controle de exibição de colunas no cenário de notas do curso: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarEstrutura de painel do portal da comunidade
No cenário do portal da comunidade, conclua a estrutura do painel: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarMural de histórias da mostra criativa
Complete a parede de histórias de reputação no cenário de festival criativo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarPainel de comando operacional de escala ambulatorial
Conclua o painel de comando de operações no cenário de escalação em ambulatório: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo para vários tamanhos.
Abrir e executarFluxo de reserva do serviço de aluguel de bicicletas
Conclua o fluxo de reserva de serviço no contexto de aluguel de bicicletas: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout com primeira linha em destaque para revista da cidade
Crie um layout de capitular para o contexto de uma revista urbana: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.
Abrir e executarTransição do esqueleto da ferramenta de foco
Conclua a transição da tela de esqueleto no cenário de ferramentas de foco: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos de tela.
Abrir e executar