elyezer.zero

Recentemente fui nomeado como website mantainer do projeto TextFlow (projeto do Yuri Malheiros). Para que eu consiga fazer as mudanças no site utilizo ssh pra acessar o servidor, que foi liberado pelo meu amigo Og Maciel, responsável pela hospedagem do site do projeto.

E ao me deparar com a seguinte sitação: tinha acabado de enviar uma imagem pro servidor e seu tamanho não estava adequado ao layout. Me veio a seguinte questão: é possivel alterar o tamanho de uma imagem utilizando o terminal?

Fazendo essa mesma pergunta pro Google, ele me responde: Sim!

Foi ai que encontrei um artigo no Estúdio Livre falando sobre o assunto.

Para redimensionar uma imgem utilizando o terminal, podemos fazer isso utilizando a ferramenta convert que “converte entre diversos formatos de imagem bem como redimensiona, borra, corta, tira ruído, desenha, roda e mais. O convert usa o ImageMagick para realizar as operações. Digite “man convert” em um terminal para obter mais ajuda.”

Para redimensionarmos uma imagem basta o simples comando:

convert imagem.jpg -scale 50% imagem_pequena.jpg

Onde:

• convert é nossa ferramenta.
• imagem.jpg é a imagem original.
• -scale 50% estamos dizendo para a ferramenta redimensionar a imagem original para 50% do tamanho original.
• e finalmente imagem_pequena.jpg é o nome do arquivo que conterá a imagem redimensionada.

Com isso pude alterar o tamanho da imagem que não estava de acordo com o layout sem ter que modificar usando um editor de imagens e depois novamente ter que enviar o arquivo pro servidor.

Para maiores detalhes sobre as outras funcionalidades você pude consultar o manual dessa ferramenta utilizando o comando “man convert” ou pode visitar o artigo do Estúdio Livre para alguns exemplos.

[update] Para converter mais de um arquivo basta seguir a dica que o André Noel indicou [/update]

Se você é desenvolvedor web e pretente atender ao maior número possível de usuários, ao desenvolver um site, além da preocupação com o uso dos padrões web, também é necessário preocupar com a acessibilidade do mesmo.

Recentemente foi lançado o Acessibilidade Legal que, segundo o Henrique C. Pereira, “tem o objetivo de ser um guia a todos aqueles que tem interesse em aprender um pouco mais sobre acessibilidade na web”.

Sempre tive a curiosidade de estudar sobre o assunto e creio que com essa ótima referência poderemos aprender mais a fundo.

Além desse, existe um outro lugar onde você poderá se apronfundar ainda mais no assunto de acessibilidade para a web: é o Acesso Digital, onde “Acessibilidade de verdade é a soma de acessibilidade + web standards + usabilidade. Desenvolvemos uma metodologia que vai além da acessibilidade, pois leva em conta o contexto social. O resultado é uma visibilidade muito maior para o seu produto ou serviço. Experimente!”

Creio que com essas referências estamos muito bem servidos quando o assunto é acessibilidade para a web.

Até a próxima.

Gostaria de ajudar a divulgar o lançamento do Planeta PostgreSQL, achei bastante interessante a iniciativa, pois  acho muito bom quando alguém ou um grupo de pessoas tem alguma iniciativa relacionado ao compartilhamento do conhecimento.

Parabéns pela iniciativa!

Se caso alguém escreve sobre PostgreSQL e queira fazer parte do Planeta, basta consultar esta página.

Aproveitando o post, seria interessante assim como mostrado na página de regras do Planeta PostgreSQL, se nos Planetas em pt-br tivessem links para os outros Planetas com isso todos teriam a ganhar!

No Planeta Mandriva Brasil, já é possível encontrar os links. Se caso ficou faltando algum Planeta por favor me avise.

Como citado no Br-linux.org:

“Existe um site com cursos de excelente quantidade sobre Java. Se trata do JEDI. Os cursos são gratuitos (exige apenas um login, rápido e também gratuito) e você pode baixar apostilas, slides e vídeo aulas sobre os módulos dos cursos relacionados a Java e outros assuntos de computação. Existem mais de 11.333 estudantes inscritos, e o número cresce a cada dia. Esta é uma ótima maneira de se manter atualizado.”

Confira em: http://jedi.wv.com.br/

Até a próxima.

Dica rápida: navegando por aí, encontrei esse editor de arquivos .htaccess online, você define as opções e ele gera o texto a ser copiado e colado em seu arquivo .htaccess.

Pode ser uma mão em alguns momentos.

Até mais.

Gostaria de deixar seus fomulários XHTML/HTML mais acessíveis para pessoas que navegam utilizando algum leitor de tela?

Então confira esses dois tutorias em inglês falando sobre o assunto:

• Prettier Accessible Forms
• Accessible HTML/XHTML Forms

Caso tenha alguma dúvida comente.

Encontrei este tutorial que aborda o assunto de tooltip em imagens. Ao contrário de que muitos acham, inclusive eu achava, é que o atributo alt incluída dentro da tag img já mostrava como tooltip. Porém o atributo alt tem a semântica de mostrar o texto que lhe foi atribuido em caso da imagem não ser carregada.

Então, o que deve ser feito para mostrar um tooltip em uma imagem? Simples, mantém o atributo alt para que, caso a imagem não seja carregada, mostre o alternate text. E, assim como se faz em links, adicionar o atributo title e atribuir o texto que se deseja como tooltip a esse atributo.

Modo errado de mostrar a tooltip:

<img src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Modo correto de mostrar a tooltip:

<img title="Texto do tooltip para esta imagem" src="http://imagem.png" alt="Texto mostrado quando a imagem não está disponível" />

Lembrando que, isso é somente para navegadores que resolveram esse “problema”.

Fonte: ALT and TITLE.