CSS/JavaScript to crop image - apresentar somente uma parte da imagem

Se você deseja carregar uma foto e trabalhar com várias partes dela, este é o caminho.

Eu estava querendo carregar uma image e trabalhar com pedaços dela, assim não precisaria carregar a imagem toda vez.

Ex. Estava querendo pegar pedaços do arquivo abaixo, e de acordo com o resultado eu mudaria a imagem e por consequente iria mostart verde, amarelo ou vermelho. As image foi retirada do site http://pixabay.com/static/uploads/photo/2012/04/24/17/57/tick-40678_640.png?attachment e após reduzi o tamanho para as minhas necessidades

encontrei neste site http://stackoverflow.com/questions/12789818/css-javascript-to-crop-image os passos para como fazer.

HTML

<div id='crop-the-cats'>

    <img src='http://pixabay.com/static/uploads/photo/2012/04/24/17/57/tick-40678_640.png'> < /div>

CSS

#crop-the-cats {

    width: 19px;

    height: 18px;

    overflow:hidden;   

    position:relative;

}

#crop-the-cats img {

    position: absolute;

    top: -0px;

    left: -38px;

}

Assim vou automatizar, de acordo com o resultado da minha pesquisa mudo somente o left da imagem para apresentar a imagem correspondente.

Outra fonte de referência bem interessante: http://www.w3schools.com/css/css_image_sprites.asp

Fica a dica!

Agile - Scrum - videos tutoriais

Se você tem interesse em saber mais sobre scrum, tenho uma boa dica para vc.

Acesse o site http://scrumtrainingseries.com/ onde você vai encontrar 6 pequenos vídeos de aproximadamente 13 minutos cada, Eles conten instruções realmente básicas e interessante.

Infelizmente esta em inglês.

Boa sorte!

WAMP - erro ao criar alias permission denied

Olá,

Hoje tentei rodar o wamp e meu alias não funcionou. Dei reboot no meu computador e nada. Fiz pesquisas na internet mais não encontrei nada que resolvesse o meu problema. Sendo assim, converseio com um amigo suporte e ele me disse que o apache aumentou a segurança e agora após criar o alias via WAMP, vc tem que editar o arquivo alias.conf e adicionar a linha "Require all granted" .

Simples, mais perdi algumas horinhas tentando encontrar a solução.

Mais informações veja: http://httpd.apache.org/docs/trunk/upgrading.html

Fica a dica!

Wamp no windows 8.1 - msvcr100.dll ou msvcp100.dll error

Conforme dito anteriormente, o meu hd faleceu. Logo,  resolvi instalar o windows 8.1 para fazer testes e começar o ano diferente (espero que seja para melhor).

Um dos problemas que tive foi após instalar o wampserver, o status do servidor não ficava verte, e sim sempre amarela (ou laranja, como queira). Após algums pesquisas descobri que deve-se installar o software abaixo, pois para evitar o erro msvcr100.dll ou msvcp100.dll .

Microsoft Visual C++ 2010 SP1 Redistributable Package (x64)

http://www.microsoft.com/en-us/download/confirmation.aspx?id=13523

Recomendo a ver o vídeo abaixo. É um tutorial que demonstra passo a passo de como vazer para rodar o wamp server sem o erro msvcr100.dll e instala a versão 32 e 64 bits.

Create a Windows 8 Bootable USB Drive with Mac OS

Migrando para windows 8.1

O meu presente de natal o meu  hd do meu desktop quebrou :(

Apesar de ter backup com o software True Image, não foi possível restaurar o último backup. Sendo assim, resolvi começar o ano novo de uma forma diferente e instalar o windows 8 e depois o upgrade para o windows 8.1.

Inicialmente tive alguns problemas, pois tinha o windows 8 em formato ISO no meu servidor linux (ubuntu) porém não sabia como gravá-lo em DVD com boot. Tentei utilizar o notebook da minha filha, gravei dois DVD sem sucesso, pois o software que gerava o boot não estava 100%.

Sendo assim, fiz mais algumas pesquisas e encontrei um tutorial de como gerar um USB-Key (pen drive) bootavel via MAC utilizando o boot camp, o que foi bem simples e em poucos passos. Segui o tutorial "Create a Windows 8 Bootable USB Drive with Mac OS" no link http://magnatecha.com/create-windows-8-bootable-usb-with-mac-os/ .

Como utilizo dois monitores, uma estava desligado, porém após a instalação do windows 8.1 e do reboot, a mensagem aparecia na 2a. tela, a qual estava desligada. Devido a isto tentei instalar 2 vezes sem sucesso, pois  mensagens durante a instalação aparecia na 1a. tela. . Depois que liguei o micro não tive nenhum problema.