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 34 de 44
Exibindo atualmente 24 casos
0793Tabelas e exibição de dados

Tabela de combinação de filtragem de uso de itens de exposição

Conclua uma tabela de filtragem combinada para o cenário da tabela de uso dos itens da exposição: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de filtros combinadosHTML TableCSSJavaScript
Abrir e executar
0794Layout de página e responsividade

Grade editorial da aula de briefing

Concluir a grade editorial de revista em um cenário de briefing de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Área de conversão da semana de perguntas e respostas sobre pets

Conclua a área de conversão de perguntas e respostas em um cenário de semana dos pets: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoÁrea de conversão de perguntas e respostasHTMLCSSJavaScript
Abrir e executar
0796Painéis e interfaces de administração

Painel de calor de calendário de serviços da comunidade

Crie um painel de mapa de calor de calendário em um cenário de atendimento comunitário: inclui conteúdo real, controles acionáveis, feedback de status claro e layouts para diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de calor do calendárioHTMLCanvasJavaScript
Abrir e executar
0797Controles básicos e seletores

Escala de avaliação da prateleira de tarefas do loft

Conclua a escala de avaliação no cenário da prateleira de tarefas do loft: inclua conteúdo realista, controles utilizáveis, feedback de estado claro e layout em vários tamanhos.

Controles básicos e seletoresEscala de avaliaçãoHTMLCSSJavaScript
Abrir e executar
0798Formulários e entrada

Cronograma de trabalho da creche e quadro orçamentário

No cenário da escala de trabalho residencial, conclua a tabela de configuração do orçamento: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo entre tamanhos.

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

Painel de comandos de serviços urbanos

Complete um painel de comandos em um cenário de serviços da cidade: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Barra de status da inspeção da estufa

Concluir uma faixa de status no cenário de inspeção da estufa: inclui conteúdo real, controles operáveis, feedback de status claro e layout entre tamanhos de tela.

Sobreposições e feedback de estadoFaixa de statusHTMLCSSJavaScript
Abrir e executar
0801Cartões, listas e organização de conteúdo

Lista expansível de recortes do curso

Complete a lista de conteúdo recolhível no cenário de clipes do curso: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

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

Tabela de edição in-line do orçamento do festival

Finalize a tabela de edição inline para o cenário de orçamento de festival: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Layout em largura total com inserções para manual de aula

Complete um layout full-bleed em um cenário de manual de sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Página de apresentação de briefing de podcast

Conclua uma página de apresentação de recursos no cenário de briefing de podcast: inclui conteúdo real, controles interativos, 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
0805Painéis e interfaces de administração

Painel de retenção por coorte da rede de entrega

Conclua o painel de retenção em grupo no contexto da rede de entregas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

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

Seleção de plano de assinatura do passe de visitas de cuidados

Concluir a seleção do plano de assinatura no cenário de ingresso de cuidados: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo entre tamanhos.

Fluxos de negócios e serviçosSeleção de plano de assinaturaHTMLCSSJavaScript
Abrir e executar
0807Tipografia e efeitos de texto

Diagramação em grade de poemas para notas de cuidados

Conclua a composição em grade de poemas no cenário de notas de cuidados: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoTipografia em grade poéticaHTMLCSS GridResponsive Design
Abrir e executar
0808Animação e microinterações

Carregador de várias etapas para lembrete ambulatorial

Narre um carregador em várias etapas em um cenário de lembrete ambulatorial: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

Animação e microinteraçõescarregador em várias etapasHTMLCSS AnimationJavaScript
Abrir e executar
0809Efeitos visuais criativos

Experimento de grade gradiente do cais de coral

Um experimento de malha em gradiente concluído no cenário do píer coralino: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Efeitos visuais criativosExperimento de grade em degradêHTMLCanvasJavaScript
Abrir e executar
0810Desenho e visualização de dados

Criador de formas de onda para briefing público

Crie um visualizador de ondas para um briefing público: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo em várias dimensões.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0811Capacidades de mídia e dispositivos do navegador

Verificação de esquema de cores do sistema de tela pública

Conclua a detecção de esquema de cores do sistema no contexto de tela pública: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção do esquema de cores do sistemaHTMLCSSBrowser API
Abrir e executar
0812Miniaplicativos e minijogos

Relógio Pomodoro de perguntas e respostas públicas

Conclua o relógio Pomodoro no cenário de quiz cívico: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.

Miniaplicativos e minijogosPomodoroHTMLCSSJavaScript
Abrir e executar
0813Controles básicos e seletores

Seletor segmentado do laboratório criativo

No cenário do Laboratório de Criação, conclua o seletor segmentado: inclua conteúdo real, controles operáveis, feedback de estado claro e layout adaptado a vários tamanhos.

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

Questionário condicional de apoio para hospedagem

Conclua o questionário condicional no cenário do formulário de apoio à moradia para residentes: com conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Mega menu em grupos do portal de cursos

No cenário do portal de cursos, conclua o menu de navegação em grupo: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

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

Diálogo de confirmação de revisão de financiamento

Conclua a caixa de diálogo de confirmação em um cenário de revisão de subsídios: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadoCaixa de diálogo de confirmaçãoHTMLCSSJavaScript
Abrir e executar