Oct 23 2008

Acessível para todos

Tag: AcessibilidadeThaysa @ 12:13 pm

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”


Oct 03 2008

50 características dos nerds de TI

Tag: Web DeveloperThaysa @ 7:55 pm

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!


Sep 30 2008

Efeito em fotos utilizando o Fireworks

Tag: Web DesignThaysa @ 9:59 pm

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”


Mar 07 2008

Trabalhando com máscaras utilizando o Fireworks

Tag: Web DesignThaysa @ 7:04 pm

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!

Drop Shadow

Continue lendo: “Trabalhando com máscaras utilizando o Fireworks”


Nov 25 2007

Um pouco sobre Acessibilidade

Tag: AcessibilidadeThaysa @ 4:04 am

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”


Oct 12 2007

ColorZilla

Tag: Web DeveloperThaysa @ 5:21 pm

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.

eyedropper.gif


Oct 09 2007

Web fonts - a próxima revolução

Tag: Web DeveloperThaysa @ 7:02 pm

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.

zengarden

zengarden


Oct 07 2007

Criando flores utilizando o Fireworks

Tag: Web DesignThaysa @ 4:22 pm

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…

flores


Oct 05 2007

XRAY - Veja através do box model

Tag: Web DeveloperThaysa @ 3:31 pm

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.

xray.jpg


Next Page »