Tratamento de imagem de retina
Existem duas práticas usadas com freqüência para adicionar imagens a uma página da web, a tag IMG ou usando o fundo CSS. Para substituir com êxito as imagens usadas para …
Continuar lendoretina
versão mais antiga do eclipse no macbook retina
se você abriu uma versão mais antiga do eclipse em seu novo macbook sofisticado retina (eu uso índigo aqui), provavelmente percebeu que as fontes estão meio confusas. veja como consertar …
Continuar lendoBasta retinificar as imagens
Às vezes, você só deseja retinificar imagens que sabe ter @ 2x. retina.jsnão funciona e query.retinatenta verificar se os arquivos @ 2x existem e, no meu caso, o static estava …
Continuar lendoVisando telas de alta densidade e alta resolução
Consultas de mídia para atingir diferentes densidades de pixel /* CSS for Retina & XHDPI Android screens (these should get retina assets) */@media screen and (-webkit-device-pixel-ratio: 2) {}/* CSS for …
Continuar lendoGráficos da Web prontos para Retina
Recentemente, tive que atualizar vários sites para ficarem prontos para a retina. Perguntei a vários colegas sobre como fazer isso e vasculhei a internet. Finalmente, descobri sem dúvida a melhor …
Continuar lendoOtimização de imagem Retina em Ruby on Rails
Não há necessidade de carregar imagens grandes se a página não for aberta em uma tela de alta resolução. Neste tutorial, usaremos um fork da joia retina-js . Basicamente, este …
Continuar lendoCorrija o tamanho dos avatares na tela de conversa do Skype para a tela do Retina Macbook Pro
<a href=” https://gist.github.com/3259488″> GitHub gist </a> #!/bin/bash# by Artyom Loenko aka dive (artyom.loenko@mac.com)# Usage:# – download this script# – open Terminal.app# – goto to Folder where script downloaded# – run …
Continuar lendoUma @mixin para imagens de retina em sass
Usando o SASS, podemos combinar consultas de mídia e substituição de imagem CSS para enviar imagens de alta resolução para dispositivos retina e imagens de resolução padrão em todos os …
Continuar lendoSolução alternativa LESS Webkit-Image-Set Bug
O compilador LESS espaça o 1x e 2x. Isso resulta em 1 x e 2 x no arquivo CSS. Isso faz com que o navegador ignore seu conjunto de imagens. …
Continuar lendoSegmentação de dispositivos Retina por meio de CSS
Para direcionar dispositivos de retina usando CSS, é possível fazer uso de uma consulta de mídia com o atributo -webkit-min-device-pixel-ratio. @media only screen and (-webkit-min-device-pixel-ratio: 2) { /*your custom declarations …
Continuar lendoFontes de ícones afiadas
Fontes de ícones feitas, mas parecem borradas, mesmo com o tamanho original em que você as criou? Certifique-se de priorizar uma versão SVG da fonte. Siga estas etapas: * Projete …
Continuar lendoSass retina background mixin
Como eu, você é um ninja front-end e segue os princípios DRY . Aqui está um mixin muito legal para gerar uma imagem de fundo para exibição de retina. Suponha …
Continuar lendoBootstrap 3, sistema de grade e telas pequenas de alta densidade detectadas como XS
Recentemente, tenho desenvolvido um site usando bootstrap 3 e me deparei com um problema bobo. Eu queria usar o sistema de grade responsivo do bootstrap bonito. No design, havia uma …
Continuar lendoImagens de alta resolução no -webkit usando a função image-set ()
Telas de alta resolução, como a tela Retina do iPhone e o MacBook Pro com tela Retina, já estão na corrida na web. Pessoalmente, acho que devemos começar a fazer …
Continuar lendoComo fazer a tela não ficar uma merda na retina
Isso pode poupar uma hora de se perguntar por que diabos a tela parece difusa!?! Primeiro, faça seu elemento de tela duas vezes maior do que você deseja, mas defina …
Continuar lendoAjudante de imagem Ruby on Rails para tela de retina com intercâmbio de fundação
Lidar com imagens de retina pode ser um pesadelo no código de front-end. Para mim, a melhor solução quando se trabalha com fundação é usar o Interchange . Essa biblioteca …
Continuar lendo