Substituição responsiva de imagem
Dê uma olhada e me diga o que você acha. O mixin cria uma imagem de fundo que atua como uma imagem responsiva com largura máxima e uma proporção intrínseca. …
Continuar lendoimages
Remova todos os contêineres e imagens do docker
#!/bin/sh# containerssudo docker rm $(docker ps -a -q)# Delete all imagessudo docker rmi $(docker images -q)
Continuar lendoFaça upload de arquivos sem problemas para usuários com o Filestack
Carregar imagens é uma dor de cabeça. No cliente há input type = ‘file’, mas parece terrível e pode ser difícil de estilizar sem plug-ins adicionais. Além disso, você precisa …
Continuar lendoQual solução você deve escolher para imagens responsivas agora?
Se você pensa em usar imagens responsivas a partir de hoje em um site, considere o seguinte: Eu realmente preciso de imagens responsivas nesse projeto agora ? A maioria dos …
Continuar lendoA marca de imagem real polyfill: picturePolyfill 2
Quer criar um site responsivo com imagens responsivas hoje, garantindo que o navegador busque apenas uma imagem por foto, na resolução perfeita para a tela do usuário? A picturetag é …
Continuar lendoSVG substituto para PNG no elemento img
Na 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 lendoRedimensione suas imagens
O problema Se o seu site usa a mesma imagem em muitos lugares (por exemplo, fotos de perfil), é uma opção melhor redimensionar e ter uma imagem diferente para cada …
Continuar lendoCSS para imagens de fundo
Ao tentar fazer com que uma imagem cubra automaticamente a tela visível sem javascript, hoje aprendi sobre: background-size: cover; substitui a necessidade de um monte de outros hacks para fazer …
Continuar lendoImagens SVG ClipPath
Com o SVG, podemos adicionar um caminho de recorte para alterar a forma de nossas imagens. Primeiro, abrimos uma tag SVG com atributo href com namespace e definição de namespace: …
Continuar lendoFiltros de imagem CSS3
Hoje, os filtros de imagem CSS3 funcionam apenas no Chrome, mas é divertido começar a brincar com eles. Aqui está uma lista completa: .blur {-webkit-filter: blur(4px);}.brightness {-webkit-filter: brightness(0.35);}.contrast {-webkit-filter: contrast(140%);}.grayscale …
Continuar lendoO tamanho máximo para PNGs é de 3 MP para dispositivos iOS mais antigos
O tamanho máximo para imagens GIF, PNG e TIFF decodificadas é 3 megapixels para dispositivos com menos de 256 MB de RAM e 5 megapixels para dispositivos com mais ou …
Continuar lendoPlaceKitten Mixin para Jade
Precisa adicionar rapidamente algumas imagens a um modelo para prototipagem? Placekitten.com oferece as imagens de espaço reservado mais fofas de todos os tempos. Use essa mistura para espalhá-los em seu …
Continuar lendoRemova o espaço extra abaixo das imagens
img { display:block; /* removes extra space */} Isso não é segredo, mas me deixou perplexo por um longo tempo quando comecei a trabalhar com CSS, e vejo que ele …
Continuar lendoConverta imagens com seu shell
Eu precisava de uma maneira rápida de converter muitas imagens de jpg para png no Ubuntu e foi isso que eu criei. 1. Instale Imagemagick (para Ubuntu) sudo apt-get install …
Continuar lendoImagens de espaço reservado
Existem vários sites úteis para fornecer imagens de espaço reservado (em vários graus de seriedade): Adequado para BBB (Big Boring Business) http://placehold.it/ https://placeimg.com/ http://lorempixel.com/ http://dummyimage.com/ http://fpoimg.com/ http://fakeimg.pl/ https://ipsumimage.appspot.com/ http://420placehold.it/ Para …
Continuar lendoFazendo com que os caminhos dos pais funcionem no Basset
Eu construí meus recursos no Laravel 4 usando Basset . Jason fez um excelente trabalho ao documentá-lo, mas há algumas ressalvas que escapam e não foram mencionadas. Eu uso uma …
Continuar lendo