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 29 de 44
Exibindo atualmente 24 casos
0673Formulários e entrada

Planilha de orçamento para credencial de entrada do evento

Conclua a configuração do orçamento no cenário do formulário de entrada do evento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

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

Painel de comandos da central de despacho do campus

Conclua um painel de comandos no cenário do posto de despacho do campus: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos de tela.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0675Sobreposições e feedback de estado

Faixa de status de atualizações de entrega

Na cena de atualização de entrega, finalizar um banner de status: incluir 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
0676Cartões, listas e organização de conteúdo

Lista de conteúdo dobrável da caixa de recortes do ambulatório

No cenário da caixa de recortes da clínica, conclua uma lista de conteúdo recolhível: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

Cartões, listas e organização de conteúdoLista de conteúdo recolhívelHTMLCSSJavaScript
Abrir e executar
0677Tabelas e exibição de dados

Tabela de edição em linha de registros de consumo de energia

No cenário de registros de consumo de energia, complete uma tabela de edição em linha: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo.

Tabelas e exibição de dadostabela editável inlineHTML TableCSSJavaScript
Abrir e executar
0678Layout de página e responsividade

Layout de largura total entrelaçado do atlas de cuidados

Conclua o layout de largura total intercalado no cenário do atlas de cuidados: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeLayout em faixa de largura totalHTMLCSS GridResponsive Design
Abrir e executar
0679Páginas de cenário de marketing e conteúdo

Página de apresentação de recursos da semana de criação e lançamento

Complete uma página de apresentação de recursos no cenário da semana de lançamento criativo: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Painel de retenção em grupo para gestão de cursos

No cenário de gestão de aulas, conclua o painel de retenção por coorte: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a vários tamanhos.

Painéis e interfaces de administraçãoPainel de retenção em grupoHTML TableCSSJavaScript
Abrir e executar
0681Fluxos de negócios e serviços

configurador de orçamento da lista de preparo de cuidados

Conclua o configurador de orçamento no cenário da lista de preparo para cuidados: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosConfiguração de orçamentoHTMLCSSJavaScript
Abrir e executar
0682Tipografia e efeitos de texto

Layout de diário de arquivo com capitular

Conclua um layout de capitular em um contexto de caderno de arquivos: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoLayout com inicial elevadaHTMLCSS GridResponsive Design
Abrir e executar
0683Animação e microinterações

Animação de revelação de conteúdo sinalizado do catálogo

Concluir uma animação de revelação de conteúdo em um cenário de sinalização de catálogo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout entre tamanhos de tela.

Animação e microinteraçõesAnimação de revelação de conteúdoHTMLCSS AnimationJavaScript
Abrir e executar
0684Efeitos visuais criativos

Efeito de travessia do céu estrelado do porto da lagoa

Complete um efeito de passagem pelo campo de estrelas no cenário do Porto do Lago das Nuvens: contém conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosEfeito de travessia pelo céu estreladoHTMLCanvasJavaScript
Abrir e executar
0685Desenho e visualização de dados

Gráfico de linhas de tendência da estação de monitoramento da qualidade do ar

Complete um gráfico de linha de tendência no cenário de central de monitoramento da qualidade do ar: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0686Capacidades de mídia e dispositivos do navegador

Indicador de status de conexão da central de controle de áudio remota

No cenário de console de áudio remoto, conclua a indicação do estado de conexão: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorindicador de status da conexãoHTMLCSSBrowser API
Abrir e executar
0687Miniaplicativos e minijogos

Calculadora portátil do quadro de planejamento de arquivos

Conclua uma calculadora portátil no cenário de um quadro de planejamento de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogoscalculadora portátilHTMLCSSJavaScript
Abrir e executar
0688Controles básicos e seletores

Seletor segmentado de suíte de quarto

Complete um seletor segmentado em um cenário de suíte de hóspedes: inclui conteúdo real, controles acionáveis, feedback claro de estado e layouts adaptáveis a diferentes tamanhos.

Controles básicos e seletoresSeletor segmentadoHTMLCSSJavaScript
Abrir e executar
0689Formulários e entrada

Questionário condicional de inscrição para exposição

Complete um questionário condicional no contexto de inscrição para a exposição: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Formulários e entradaQuestionário condicionalHTMLCSSJavaScript
Abrir e executar
0690Navegação e menus

Menu agrupado em mural de guia do campus

Conclua um mega menu agrupado no cenário do mural de orientação do campus: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0691Sobreposições e feedback de estado

Diálogo de confirmação da folha de ações da galeria

Concluir a caixa de diálogo de confirmação no cenário da folha de ação da galeria: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo.

Sobreposições e feedback de estadoCaixa de diálogo de confirmaçãoHTMLCSSJavaScript
Abrir e executar
0692Cartões, listas e organização de conteúdo

Linha do tempo das atividades do livro de passagem da clínica

Conclua a linha do tempo de atividades no cenário do livro de passagem ambulatorial: inclui conteúdo real, controles acionáveis, feedback de status claro e um layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0693Tabelas e exibição de dados

Matriz de relacionamento da tabela de conferência de exposições

Complete a tabela de matriz de relações no cenário de tabela de revisão de itens de exposição: inclua conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

Tabelas e exibição de dadosTabela de matriz de relacionamentoHTML TableCSSJavaScript
Abrir e executar
0694Layout de página e responsividade

Layout clássico de três colunas do briefing de cuidados

Em um cenário de briefing de cuidados, conclua um layout clássico de três colunas: inclua conteúdo real, controles acionáveis, feedback de status claro e um layout adaptável a diferentes tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0695Páginas de cenário de marketing e conteúdo

Narrativa de temporada da assinatura criativa na tela inicial

Crie uma primeira dobra narrativa no cenário da temporada dos membros criadores: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoHero narrativoHTMLCSSJavaScript
Abrir e executar
0696Painéis e interfaces de administração

Central de Operações do Posto de Comando da Turma

Conclua o painel de comando operacional no cenário da central geral do curso: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de operaçõesHTMLCSS GridJavaScript
Abrir e executar