Acessibilidade para todos é o assunto em questão. Hoje em dia, apesar de muitos sites ainda não terem aderido as regras de acessibilidade, outros sim se preocupam e desenvolvem páginas acessíveis para deficientes visuais. O problema é que para utilizar a maioria desses sites, é necessário um software de leitura instalado no computador do usuário.
O Jornal da Paraíba desenvolveu uma página acessível para deficientes visuais. Agora todos podem acessar a página do jornal e ficar por dentro de todas as notícias! O bom disso tudo é que o usuário não precisa de nenhum software de leitura ou plugin instalado no computador para poder utilizar o serviço.
Continue lendo: “Acessível para todos”
Navegando pela internet achei um artigo maravilhoso que descreve perfeitamente como é um nerd.
Eu conheço TODAS essas características =P!
Está muito bom, vale a pena ler! O artigo se encontra aqui.
Boa leitura!
Nesse artigo, vou mostrar como é fácil aplicar efeitos em fotos utilizando o Adobe Fireworks. Você pode aplicar em qualquer tipo de foto e se divertir! Então vamos lá…
Primeiro passo é escolher uma foto de sua preferência, eu escolhi essa:
Continue lendo: “Efeito em fotos utilizando o Fireworks”
Há muito tempo venho desenvolvendo designs utilizando o Fireworks, uma ferramenta poderosa para desenvolvimento e edição de imagens. Infelizmente muita gente não sabe a quantidade de recursos que essa ferramenta oferece.
Nesse artigo vou ensinar passo-a-passo como se utiliza o recurso de máscaras (Mask) do Adobe Fireworks, é apenas um exemplo mas que pode ser aplicado em qualquer imagem ou idéia que tiver.
Escolha uma imagem de sua preferência e mãos à obra!
Sua máscara vai ficar assim!
Continue lendo: “Trabalhando com máscaras utilizando o Fireworks”
Hoje em dia um assunto muito abordado na web é a Acessibilidade, mas antes de discutir sobre o assunto precisamos entendê-lo.
Então…
O que é acessibilidade?
No geral Acessibilidade significa não apenas permitir que pessoas com deficiências participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes para todas pessoas com deficiências presentes em uma população.
Continue lendo: “Um pouco sobre Acessibilidade”
Você já viu uma cor em algum site que você gostaria de usar imediatamente em algum de seus projetos? Aqui eu costumo usar o Pixie para resolver esses casos, mas seria muito confortável poder usar uma ferramenta no próprio browser. Essa ferramenta existe, ao menos no Firefox, é só ativar a extensão ColorZilla e apontar para a área do site com a cor desejada, o ColorZilla vai analisar a área e retornar os valores RGB e HEX para que você possa usar em seus projetos.
Depois de “pegar” a cor com um duplo clique no eye-dropper uma palet vai se abrir onde você pode escolher diferentes tonalidades dessa cor, bem como copiar e colar os valores RGB e HEX para outras aplicações.
Poucos de vocês devem saber mas as regras CSS estão fazendo 10 anos e uma marca como essa é uma oportunidade para revisar alguns conceitos que ficaram para trás e quem sabe projetar as mudanças que virão. A poucos dias o pessoal do Webkit (núcleo de renderização do Safari, o browser da Apple) confirmou que vai se juntar ao Opera no suporte as Web Fonts, essa é uma notícia muito interessante e pode marcar o início da maior mudança na aparência das páginas pelo menos até a chegada do aguardado padrão CSS3 (mesmo que tardia). Muito provavelmente você deve estar se perguntando “O que são Web Fonts e porque eu deveria me preocupar com elas?”, e é claro que eu vou fazer uma breve explicação, afinal não teria graça se só eu entendesse o porque elas são sensacionais =P
Se você já visitou o CSS Zen Garden deve ter percebido que uma das coisas que mais impressiona nos layouts é a riqueza das fontes, infelizmente existem milhares de fontes disponíveis nos dias de hoje, mas quem trabalha com webdesign está limitado a no máximo 10 delas (é maravilhoso só poder usar verdana e arial…) que são as fontes que você pode ter certeza que o cliente tem instaladas, pelo menos no windows, são as chamadas fontes universais. Quem quiser layouts ricos como os do Zen Garden tem invariavelmente que apelar para imagens de background, o que é péssimo já que além do custo de carregar a imagem em sí elas não são adaptáveis no contexto da programação, é impossível alterar o texto de uma imagem por javascript por exemplo.
As web fonts vem para resolver esse problema, finalmente poderemos associar fontes diferentes através do CSS e rapidamente obter resultados como esses a partir do mesmo HTML.
Web fonts na prática:
Aqui está um exemplo de como a coisa funciona no código CSS:
@font-face {
font-family: "Kimberley";
src: url(http://www.princexml.com/fonts/larabie/ »
kimberle.ttf)format("truetype");
}
h1 { font-family: "Kimberley", sans-serif }
A nova “tag” @font-face permite que uma nova font-family seja criada e associada ao contexto, e que um caminho para download da fonte seja apontado, uma mudança dramática na forma como pensamos formatação de texto hoje na Web. Infelizmente ter o aval de Opera e Safari (dois ótimos browsers) hoje em dia não quer dizer muito, vamos esperar para ver o suporte a esse recurso no Firefox 3 e quem sabe no Internet Explorer.
Explorando o Fireworks
O Fireworks é um editor de imagens desenvolvido pela Macromedia, hoje adquirido pela Adobe. É uma ferramenta focada na publicação gráfica na Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas, além de possuir ótima compreensão de imagens.
Achei um artigo muito bom onde mostra como utilizar a ferramenta para o desenvolvimento de imagens, neste caso, flores. O artigo mostra bem como utilizar a ferramenta e seus efeitos passo a passo. Você pode acessar o artigo clicando aqui.
Tente fazer a sua! Eu fiz a minha…
John Allsopp desenvolveu o XRAY, uma aplicação bookmarklet (você dispara através de um link salvo nos seus favoritos) que funciona como uma ferramenta para visualizar os elementos da página que você está acessando (semelhante a funcionalidades do Firebug no Firefox).
Funciona bem nas últimas versões do Safari e de browsers baseados na engine Mozilla (Firefox e Camino) mas ainda não foi adaptado para o Internet Explorer (usa o elemento canvas) e para o Opera.
