Articles of webkit

-webkit-overflow-scrolling: touch; quebra no iOS8 da Apple

Estou trabalhando em um aplicativo da web que usa o -webkit-overflow-scrolling:touch em vários locais para dar a rolagem de inércia de divs sobrecarregados. Desde a atualização para o IOS8, -webkit-overflow-scrolling: touch pára de ser capaz de rolar, e a única maneira que consegui consertar até agora foi remover -webkit-overflow-scrolling: touch que deixa o padrão pegajoso […]

Escala de imagem por CSS: existe uma alternativa de webkit para as bordas -moz-crisp?

Eu tenho uma imagem que é 100×100 em pixels. Eu quero mostrar duas vezes o tamanho, então 200×200 e eu quero fazê-lo por CSS e (explicitamente) não pelo servidor. Desde há alguns anos, as imagens recebem anti-alias por todos os navegadores, em vez de fazer uma escala por pixel. O Mozilla permite especificar o algoritmo: […]

Como criar um efeito de pulso usando -webkit-animation – outward rings

Eu encontrei este artigo: http://www.zurb.com/article/221/css3-animation-will-rock-your-world em animações css3. Eu estou tentando criar um efeito semelhante visto no site acima, mas no site pessoal em: www.imfrom.me Onde eu tenho o estado do Maine, há a checkbox de ponta vermelha. Eu quero criar um anel de pulso pela seta indicando a localização. ATUALIZADO COM CÓDIGO: Eu vim […]

CSS “delinear” comportamento comportamental diferente no Webkit & Gecko

Estou trabalhando em um experimento e descobri que a propriedade “outline” do CSS2 não é implementada da mesma maneira no Webkit & Gecko No script abaixo, eu tenho uma posição absoluta div dentro de outra div, mas flutuando fora dela. O esboço no Webkit delineia o div pai real enquanto no Gecko, ele se expande […]

Existe uma maneira de usar a API de áudio da Web para amostrar o áudio mais rápido do que em tempo real?

Estou brincando com a API de áudio da Web e tentando encontrar uma maneira de importar um mp3 (portanto, isso é apenas no Chrome) e gerar uma forma de onda em uma canvas. Eu posso fazer isso em tempo real, mas meu objective é fazer isso mais rápido do que em tempo real. Todos os […]

Como forçar a re-renderização após uma transformação do WebKit 3D no Safari

Estou usando transformações CSS 3D para ampliar uma div, por exemplo: -webkit-transform: scale3d(2,2,1); O escalonamento funciona bem em qualquer navegador WebKit. No entanto, ao usar isso no Safari (móvel ou Windows), o conteúdo do div não é renderizado novamente. O resultado é que o conteúdo fica borrado após o dimensionamento. Este efeito só ocorre quando […]

Transmissão ao vivo em HTML5 Safari vs.

Eu estou tentando incorporar um elemento de áudio HTML5 apontando para dados MP3 ou OGG servidos por um arquivo PHP. Quando vejo a página no Safari, os controles aparecem, mas a interface do usuário diz “Transmissão ao vivo”. Quando clico em reproduzir, o áudio é iniciado conforme o esperado. No entanto, quando terminar, não consigo […]

Obtenha o valor de -webkit-transform de um elemento com jquery

Estou manipulando um div com a nova maneira legal de fazer uma transformação como esta: $(“#thediv”).css(“-webkit-transform”,”translate(-770px, 0px)”); Mais tarde, no script, pensei em obter o valor da transformação assim: $(“#thediv”).css(“-webkit-transform”); Retorna uma matriz como esta: matriz (1, 0, 0, 1, -770, 0) O que eu não consigo descobrir é como obter o 5º valor (-770) […]

Ocultar textarea resize identificador no Safari

Estou usando componentes textarea em meu aplicativo e controle sua altura dinamicamente. Conforme o usuário digita, a altura é aumentada sempre que houver texto suficiente. Isso funciona bem no IE, Firefox e Safari. No entanto, no Safari, há uma ferramenta “handle” no canto inferior direito que permite ao usuário resize a área de texto clicando […]

HTML5 Local Storage of audio element source – é possível?

Eu tenho experimentado com os resources de armazenamento local e de áudio do html5 de tarde e encontrei algo que me deixou perplexo. Gostaria de armazenar em cache ou armazenar a fonte do elemento de áudio localmente para permitir a reprodução mais rápida e offline. O problema é que não consigo ver como isso é […]