HTML / CSS / JavaScript

Casos completos

Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.

1046Página 11 / 44
Exibindo atualmente 24 casos
0241Efeitos visuais criativos

Palco do holofote no Jardim Noturno

Complete um palco com holofote em um cenário de jardim noturno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layouts para vários tamanhos.

Efeitos visuais criativosPalco de holofoteHTMLCanvasJavaScript
Abrir e executar
0242Desenho e visualização de dados

Gráfico de painel de progresso de aprendizagem

Crie um gráfico de painel no cenário de progresso de aprendizagem: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0243Capacidades de mídia e dispositivos do navegador

Demonstração de operações da área de apresentação com a área de transferência

Demonstração da operação da área de transferência no cenário do espaço de apresentação: com conteúdo real, controles interativos, feedback de estado claro e layout entre tamanhos de tela.

Capacidades de mídia e dispositivos do navegadorDemonstração de operações da área de transferênciaHTMLCSSBrowser API
Abrir e executar
0244Miniaplicativos e minijogos

Temporizador de foco para intervalo entre aulas

Conclua o temporizador de foco no cenário de intervalo entre aulas: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Miniaplicativos e minijogosCronômetro de focoHTMLCSSJavaScript
Abrir e executar
0245Controles básicos e seletores

Grupo de etiquetas de filtro do modo de leitura

Conclua o grupo de etiquetas de filtro em um cenário de modo de leitura: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresGrupo de etiquetas de filtroHTMLCSSJavaScript
Abrir e executar
0246Formulários e entrada

Grupo de campos dinâmicos de inscrição em curso

Conclua um grupo de campos dinâmicos no contexto de matrícula em curso: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaGrupo de campos dinâmicosHTMLCSSJavaScript
Abrir e executar
0247Navegação e menus

Navegação em árvore da base de conhecimento

Conclua a navegação em árvore em um cenário de base de conhecimento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0248Sobreposições e feedback de estado

Dica de teclado do Centro de Tarefas

Conclua uma dica de ferramenta por teclado no cenário de central de tarefas: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável entre tamanhos.

Sobreposições e feedback de estadoDica de ferramenta do tecladoHTMLCSSJavaScript
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
0250Tabelas e exibição de dados

Cabeçalho fixo da tabela de notas de curso

Conclua uma tabela com cabeçalho fixo no cenário de notas das notas do curso: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosCabeçalho fixoHTML TableCSSJavaScript
Abrir e executar
0251Layout de página e responsividade

Grade editorial de revista do portal da comunidade

Conclua a grade editorial no cenário do portal da comunidade: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeGrade de edição de revistaHTMLCSS GridResponsive Design
Abrir e executar
0252Páginas de cenário de marketing e conteúdo

Página de guia de funcionalidades do festival criativo

Conclua a página de apresentação de recursos em um cenário de festival criativo: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo em diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de guia de recursosHTMLCSSJavaScript
Abrir e executar
0253Painéis e interfaces de administração

Painel de uso de recursos para agendamento ambulatorial

Concluir o painel de uso de recursos para o cenário de agenda de clínica: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos. ”

Painéis e interfaces de administraçãoPainel de uso de recursosHTMLCSS GridJavaScript
Abrir e executar
0254Fluxos de negócios e serviços

Gerador de faturas para aluguel de bicicletas

Conclua um gerador de faturas para o cenário de aluguel de bicicletas: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Fluxos de negócios e serviçosGerador de faturasHTMLCSSJavaScript
Abrir e executar
0255Tipografia e efeitos de texto

Efeito de máscara de texto da revista urbana

Conclua um efeito de máscara de texto para o cenário de revista urbana: inclui conteúdo real, controles operáveis, feedback de status claro e um layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoEfeito de máscara de textoHTMLCSS TypographyJavaScript
Abrir e executar
0256Animação e microinterações

Lista de entrada em cascata da ferramenta de foco

Conclua a entrada escalonada da lista em um cenário de ferramenta de foco: inclui conteúdo real, controles operáveis, feedback de estado claro e layout em vários tamanhos.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar
0257Efeitos visuais criativos

Cenário de ondas em camadas do jardim noturno

Conclua um cenário de ondas em camadas no Jardim Noturno: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Efeitos visuais criativosCenário de ondas em múltiplas camadasHTMLCSS AnimationJavaScript
Abrir e executar
0258Desenho e visualização de dados

Gráfico radar de habilidades com progresso de aprendizado

Complete o gráfico de radar de competências no cenário de progresso de aprendizagem: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0259Capacidades de mídia e dispositivos do navegador

Controle de palco em tela cheia do espaço de demonstração

Complete o controle de palco em tela cheia na cena do espaço de apresentação: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorControle de palco em tela cheiaHTMLCSSBrowser API
Abrir e executar
0260Miniaplicativos e minijogos

Quadro de hábitos para o intervalo

Conclua o quadro de registro de hábitos em um cenário de pausa entre aulas: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosPainel de check-in de hábitosHTMLCSSJavaScript
Abrir e executar
0261Controles básicos e seletores

Modo de leitura do stepper numérico

Conclua um seletor numérico na cena do modo de leitura: com conteúdo realista, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Controles básicos e seletoresControlador numérico incrementalHTMLCSSJavaScript
Abrir e executar
0262Formulários e entrada

Configuração orçamentária de matrícula em curso

Conclua a configuração do orçamento no cenário de matrícula em curso: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Formulários e entradaPlanilha de orçamentoHTMLCSSJavaScript
Abrir e executar
0263Navegação e menus

Navegação de progresso do fluxo da base de conhecimento

Crie uma navegação de progresso de processo para o cenário de base de conhecimento: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0264Sobreposições e feedback de estado

Faixa de status da central de tarefas

Conclua a faixa de estado no cenário do centro de tarefas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoFaixa de statusHTMLCSSJavaScript
Abrir e executar