Corrigindo a renderização funky @ font-face no webkit
Basta adicionar esta linha de CSS à tag do corpo: body { -webkit-font-smoothing: antialiased;}
Continuar lendoConteúdo para você se capacitar em programação
Basta adicionar esta linha de CSS à tag do corpo: body { -webkit-font-smoothing: antialiased;}
Continuar lendoMas não se preocupe, no OS X, o Homebrew torna isso tão fácil quanto: atualizando as fórmulas, com brew update instalando o binário construído, com brew install qt … espere, …
Continuar lendoTenho adorado a propriedade CSS de suavização de fonte em navegadores baseados em Webkit até agora, mas não havia nenhuma maneira até agora de fazer isso funcionar no Firefox, não …
Continuar lendoMuitos desenvolvedores e estruturas de front-end alteram globalmente a exibição das entradas de formulário para bloco em linha ou similar. Infelizmente, isso interfere na renderização no Chrome. Portanto, se você …
Continuar lendoNão precisa demorar tanto. Apenas use: .some-textarea-class { resize: none;}
Continuar lendoPara melhorar a renderização de fontes no navegador baseado em webkit, basta adicionar a propriedade CSS * { -webkit-font-smoothing: antialiased;} onde você quiser. Também funciona para a propriedade CSS3 @ …
Continuar lendoQuer obter uma estimativa de como as coisas parecem e se sentem em um iPad mini, mas não tem um? Tente adicionar isso ao seu CSS e verifique a página …
Continuar lendoPara produzir uma sensação de app no navegador, às vezes é necessário desativar a rolagem nativa. Para evitar até mesmo o efeito de deslocamento, basta observar o evento touchmove no …
Continuar lendoEste recorte gira a página inteira quando o usuário está na orientação retrato. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { body { -webkit-transform: rotate(90deg); width: …
Continuar lendoBotão <button id=”button”>Show Notification</button> API de notificação WebKit document.querySelector(‘#button’).addEventListener(‘click’, function() { if (window.webkitNotifications.checkPermission() == 0) { notification = window.webkitNotifications.createNotification(‘icon.png’, ‘Notification Title Goes Here’, ‘Notification Content Goes Here’); notification.show(); } else …
Continuar lendoO Google Chrome (e outros navegadores do webkit) altera a cor de fundo para amarelo nas entradas preenchidas automaticamente em um formulário. A abordagem mais comum que a maioria das …
Continuar lendoSe você depurar e editar seu CSS no WebKit Web Inspector, o CMD + Z desfará sua última alteração. (CTRL + Z para meus amigos do Windows.) Da mesma forma, …
Continuar lendoTendo recentemente mudado de um ambiente de trabalho de PC para um Mac, uma coisa que estava me deixando louco era a sensação extra ousada de que o Chrome e …
Continuar lendoEncontrei isso há alguns dias na documentação do WebKit. Se você é como eu e acha que as fontes no OS X são muito “grossas” no Chrome e no Safari, …
Continuar lendoSe o que background-sizevocê deseja usar em um SVG background-imagenão respeita sua proporção, é necessário definir o parâmetro preserveAspectRatiocomo noneno elemento raiz SVG. <svg >=”http://www.w3.org/2000/svg” width=”96″ height=”96″ viewBox=”0 0 96 …
Continuar lendoPara webkit e Firefox ::-webkit-input-placeholder{ color: #ccc; font-style:italic;} :focus::-webkit-input-placeholder{ text-indent: -999px}::-moz-placeholder{ color: #ccc; font-style:italic;}:focus::-moz-placeholder{ text-indent: -999px}
Continuar lendo