01 / MOTION
Veja uma interface
ganhar movimento.
Clique na prévia para ver a animação. No laboratório, compare velocidades e teste as respostas dos botões.
CSS · Web AnimationsExperimentar animações ↗UM ESPAÇO PARA EXPLORAR
Marcos Dev Labs
Veja o que a tecnologia pode fazer.
Experimente projetos da Marcos Dev.
Escolha uma demonstração, siga as instruções e veja o resultado. Você não precisa saber programar.
Ver todas as demonstrações ↓Comece por aqui
ESTAS PRÉVIAS JÁ FUNCIONAMVeja uma interface
PREFERÊNCIASSeu espaço. Seu ritmo.
Ative o controle para destacar este painel.
02 / INTERFACES
Botões, formulários e listas
Crie uma ideia e organize suas etapas em uma interface de exemplo.
Experimentar interface ↗
NESTE NAVEGADORVerificando recursos…
Detecção local. Nenhum dado enviado.
03 / WEB
O que seu navegador suporta
Confira os recursos disponíveis e entenda quando uma permissão é necessária.
Ver recursos do navegador ↗Escolha o que você quer experimentar
ESCOLHA UMA POSSIBILIDADEFiltre por assunto ou explore a lista completa. Cada página explica o que fazer e onde a tecnologia pode ser usada.
9 experimentos disponíveis
Animações de interface
Veja como um elemento aparece, como um botão responde e como uma tela indica que está carregando.
Componentes de interface
Crie uma ideia, mude sua etapa e filtre a lista. Tudo acontece aqui, sem cadastro.
Objeto em 3D
Mude o ângulo e a iluminação de uma forma tridimensional, diretamente no navegador.
Comunicação em tempo real
Uma simulação mostra como uma conexão mantém duas partes em comunicação. Nenhuma mensagem é enviada pela internet.
Aplicativo offline
Um pequeno caderno para entender como um site pode funcionar offline e ser instalado como aplicativo.
Acesso sem senha
Veja como o dispositivo pode confirmar sua identidade sem você digitar uma senha no site.
Recursos do navegador
Veja quais tecnologias estão presentes e quais dependem de permissão ou das configurações deste site.
Jogo de precisão
Pare o traço dentro da faixa azul. Jogue cinco rodadas e acompanhe sua pontuação.
Dados de APIs públicas
Busque dados de um repositório público ou uma taxa de câmbio. As informações vêm de serviços externos, chamados APIs.