Conteúdo para você se capacitar em programação
iOS e Android são inteligentes o suficiente para usar :hovere :focusestilizar os botões, mas de uma maneira única. Há muito tempo meus projetos são atormentados por estados de foco em …
Continuar lendoSe você já estilizou uma caixa de seleção / botão de opção de forma acessível usando o :checkedpseudo-seletor, você sabe que o IE8 não oferece suporte a ele. Normalmente temos …
Continuar lendoTer que oferecer suporte ao IE8 pode ser uma grande chatice, mas ter que oferecer suporte ao IE8 no Modo de Exibição de Compatibilidade pode ser ainda mais. Em um …
Continuar lendoUm tempo atrás, recriei o logotipo de Breaking Bad com apenas alguns CSS, HTML (canvas), SVG e JavaScript: Versão ao vivo e código-fonte http://codepen.io/TimPietrusky/pen/Bsegb Confecção do logotipo Escrevi um artigo …
Continuar lendoNa minha empresa, adoramos trabalhar com svg, mas ele não é compatível com navegadores antigos como o IE8 e inferiores ( fonte ). Então, aqui está um bom substituto usando …
Continuar lendoDavid Bushell e Chris Coyier escreveram em um blog sobre este pequeno truque para carregar um substituto de bitmap para um SVG carregado por meio de uma <img>tag: <img src=”image.svg” …
Continuar lendo/** * Modernizr test for retina / high resolution / high pixel density * * @author Joao Cunha * @license MIT */Modernizr.addTest(‘hires’, function() { // starts with default value for …
Continuar lendoNão há problema em verificar o suporte à propriedade css, mas o que fazer se você precisar verificar o valor css? Exemplo: transform-style : preserve-3d value que não é compatível …
Continuar lendoAtualização : escrevi uma solução melhor e mais geral para todos os testes de suporte de valor css. Você pode ler sobre isso aqui. . Recentemente, descobri que o IE10 …
Continuar lendoOlá pessoal. Neste protocolo, presumo que a maioria de vocês já usou ou experimentou com Modernizr e Less (biblioteca CSS). Um dos recursos que o less oferece são os estilos …
Continuar lendoOlá pessoal. Eu presumo que a maioria de vocês já usou ou teve experiência com sprites de imagem . Os sprites de imagem ajudam a minimizar a quantidade de imagens, …
Continuar lendoExistem várias soluções para suportar WebP , lado do servidor (nginx / apache), renderização JS do WebP ou usando JS para selecionar qual imagem selecionar. Vou falar sobre as últimas. …
Continuar lendoMuitos scripts na web detectam apenas o Safari ou apenas dispositivos Apple, mas retornam falsos positivos, como Safari para desktop ou Chrome móvel. Aqui está minha opinião para detectar apenas …
Continuar lendoModernizr.addTest (“mq”, function () { return !! Modernizr.mq (“apenas todos”); }); adiciona: <html class = “mq”> ou no caso de, por exemplo, 7 e 8 <html class = “no-mq”> 🙁
Continuar lendoA Modernizr atualmente não detecta eventos de toque no Windows (Phone) 8. Então, em vez disso, você pode detectar facilmente o toque no iOS, Android, BlackBerry, Bada e Windows (Phone) …
Continuar lendo