Estou com problemas para tentar exibir meu conteúdo da barra lateral / navegação (usando o Bootstrap) para mostrar (ser expandido) por padrão na área de trabalho e fechado por padrão no celular e ter o ícone exibido apenas no celular. Parece que não consigo fazer isso funcionar. <nav...
Estou com um problema com o marcador, quero que ele seja esticável para marcar em qualquer lugar da barra de progresso Como mostrado abaixo GIF Pergunta: Desejo selecionar qualquer ponto na barra de progresso e poder esticar o marcador, que pode ser vários pontos do marcador. Não sei como...
Eu tenho uma tabela "classificável" onde o cabeçalho da coluna atualmente classificada exibe um ícone: O ícone de classificação deve ser exibido no final do texto (ou seja, apoiamos LTR / RTL). Atualmente estou usando display:flex. No entanto, se a largura da tabela diminuir e o texto do...
Eu tenho um formulário com um menu suspenso dependente. Esse menu suspenso secundário fica oculto sempre que a opção principal selecionada não possui opções secundárias e quando a página é carregada pela primeira vez. Sempre que o formulário é enviado, apenas o primeiro campo é limpo, pois na...
Criei um invólucro no qual animei o mesmo efeito da Apple na página do Airpods Pro . É basicamente um vídeo, quando eu rolar o vídeo é reproduzido pouco a pouco. A posição do vídeo é fixa, de modo que o texto rola sobre ele. No entanto, o texto é visível apenas quando estiver entre o deslocamento...
Desafiei-me a criar uma experiência visualmente dinâmica e interativa apenas em HTML e CSS (sem Javascript). Até agora, não encontrei nenhum recurso que eu precisasse em CSS e HTML puro. Este talvez seja um pouco mais difícil. Eu preciso impedir que o usuário clicar duas vezes <a>, <input...
Como posso melhorar esse código para remover a falta de resposta / atraso na página depois de selecionar um arquivo da caixa de diálogo e clicar em OK? Venho testando arquivos com tamanhos entre 50 e 100 KB function handleFileSelect(evt) { var files = evt.target.files; // FileList object //...
Eu tenho um conjunto de quatro cores e quero aplicá-las aos divs aninhados, para que cada próximo filho tenha uma cor diferente. Se houver um quinto nível de aninhamento, quero começar de novo na primeira cor e manter isso em andamento, mesmo que eu tenha infinitos níveis profundos de aninhamento ....
Lutando para que as coisas se comportem. Eu tenho uma lista dinâmica de imagens em um site responsivo. O layout é gerado onde as imagens podem estar em linhas / colunas ou linhas de colunas. Este exemplo está próximo, mas as imagens emparelhadas não se alinham na parte inferior à medida que o...
Eu tenho um vídeo HTML5 bastante grande. Eu também estou usando o Chrome. O elemento video possui o loopatributo, mas sempre que o vídeo "faz um loop", o navegador baixa novamente o arquivo de vídeo. Eu configurei Cache-Control "max-age=15768000, private". No entanto, isso não impede downloads...
Nas notas de versão do Safari 13 , é declarado que não há mais a necessidade de aplicar o seguinte a um elemento para ativar o efeito de rolagem de rejeição: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } No entanto, agora não posso mais desativar esse...
Eu tenho um botão na tag com o texto "Descongelar". Quero alterná-lo para "Congelar" ao clicar no botão. Aqui está o código ny: <a class="btn btn-primary full-width" (click)="clickFreeze($event)"> <i class="fa fa-plus-circle"></i>Unfreeze</a> private clickFreeze(event) {...
Estou tentando entender um código que encontrei na internet. Eu não entendo no loop while, por que não é um loop infinito. Se alterar o calculator.appendChildpara, por exemplo, console.logele funciona para sempre. window.location.hash = 1; var calculator = document.createElement("div");...
Estou lutando para implementar uma entrada acessível com comportamentos de incremento / decremento, usando um <input type="text" role="spinbutton" />elemento em HTML / JavaScript. Mas parece que, com o VoiceOver, existem eventos de entrada personalizados (falsos?) Para aumentar / diminuir,...
Eu tenho elementos em uma página que são "focáveis" (botões, elementos com tabindex etc) e o leitor de tela lê o conteúdo muito bem. No entanto, eu tenho alguns outros elementos que não são focáveis (devido ao fato de existirem muitos deles - resultados da lista suspensa etc.), então eu não...
No exemplo a seguir, o círculo se adapta à largura da grade e mantém sua proporção. À medida que a largura do recipiente diminui, os círculos diminuem com ele ... Porém, quando a altura é menor que a largura (segunda caixa), o círculo não diminui as sobreposições fora da grade. Existe uma maneira...
Isso está dentro do projeto Bismon (um software GPLv3 + financiado por projetos europeus do H2020), git commit0e9a8eccc2976f . Este rascunho de relatório descreve o software. Esta questão fornece mais contexto e motivações. Trata -se do arquivo webroot / jscript / bismon-hwroot.js (escrito à mão) ,...
Estou procurando fazer a transição de imagens com o zoom reduzido para a 2ª, 3ª imagem, etc. Tentei criar alguns quadros-chave por meio de imagem de fundo e escala, e funcionou decentemente, exceto que havia dois problemas. 1. Meu texto e botões também foram redimensionados, 2. a duração das...
Como um exercício para aprender o WebRTC, estou tentando mostrar a webcam local e lado a lado com uma reprodução atrasada da webcam. Para conseguir isso, estou tentando passar blobs gravados para um BufferSource e usar o MediaSource correspondente como fonte para um elemento de vídeo. // the...
Depois de cavar várias horas, decidimos fazer uma pergunta sobre SO, esperando que alguém pudesse ajudar com relação ao seguinte problema. Para um de nossos aplicativos da web, usamos a estrutura Onsen UI js com sua biblioteca de suporte ao React Quando tentamos renderizar o aplicativo em nossos...