Arquivos da categoria 'CSS'

designacessivel.net

Página Inicial do site designacessivel.net

Programando e desenvolvendo há alguns meses neste projeto com mto café e coca-cola e finalmente divulgo ela aqui no meu blog para poder acessar e conhecer pelo menos uma versão beta! O endereço www.designacessivel.net .

O projeto tem como objetivo principal em compartilhar a experiência e conhecimento sobre Acessibilidade na Internet em uma comunidade de desenvolvedores web proporcionando assim, uma livre discussão e mais inspiração. Sim, é uma comunidade! O que podemos aproveitar?

- Poderá conhecer novos usuários;
- Trocar dicas e experiências;
- Escrever, discutir e votar em artigos, notícias e sites relacionados com o tema Deficiência, Design e Web design;
- Compartilhar links e vídeos interessantes sobre Acessibilidade.

A falta de um site como referência que ofereça diversos recursos e informações e com o conceito de comunidade me levou a desenvolver. Outro motivo é mudar a visão e conceito dos designers gráficos. Buscar desenvolver sites mais acessíveis ao invés de desenvolver sites pesados em flash ou com centenas de imagens recortadas no Photoshop para carregar em uma página.

É possível desenvolver sites acessíveis sem estragar o design? Você conhece algum site acessível? Envie sua sugestão para a Galeria!

Galeria do site designacessivel.net

Como desenvolver um site que esteja de acordo com os Padrões Web? E as Leis? Procurando soluções? Você tem bastante experiência com Acessibilidade?

Fórum do site designacessivel.net

Você sabe ou quer saber como criar ou tornar o site mais acessível? Então registre-se gratuitamente para participar desta iniciativa! Este é o espaço em busca de uma internet cada vez mais acessível através das experiências entre os usuários.

Acesse o endereço www.designacessivel.net .

Bugs no Safari 3 “beta” para Windows

Preview no Safari 3 beta

Instalei a versão beta do Safari 3 para Windows que a Apple logo disponibilizou no site e meu Deus que decepção! Por ser “beta” temos que considerar os bugs… mas será que podemos chamar de “beta”? A verdade é que nenhum site que acessei conseguiu renderizar o CSS certo… nem o meu renderiza certo… acaba sumindo uns títulos com h2 e h3… apenas o próprio site da Apple… aquele “start page da Apple”…

Realmente a Apple poderia ter esperado um pouco mais… É mais um browser para os webdesigners instalarem e se preocupar em acessibilidade…

O Safari está longe de ser um browser padrão para os webdesigners… nunca imagine dizer mas o Internet Explorer é melhor.

Leitura indispensável #3

book: Transcending CSS - The Fine Art of Web Design by Andy Clarke

Livro que estou lendo atualmente: Transcending CSS: The Fine Art of Web Design (Andy Clarke). Ótimo! Recomendo para quem trabalha com web ou que um dia possa trabalhar! DESIGNERS LEIAM!

Porque utilizar tabelas para layout é estupidez

imagem: Porque utilizar tabelas para layout é estupidez

Estava navegando ontem e encontrei um site muito interessante que fala sobre Porque utilizar tabelas para layout é estupidez. É um site para aqueles que ainda utilizam tabelas e tabelas dentro de tabelas para estruturar o layout.

Apresenta motivos na qual já havia comentado antes, a página carrega mais rápido, o custo de hospedagem reduz, a página tem visualização em todos os browsers etc… não é novidade para nenhum web designer que segue os padrões e sabe que utilizar tabelas para layout interfere na acessibilidade, flexibilidade e funcionalidade do site.

Extensões do Firefox indispensáveis para web e designers #1

Aqueles que estão começando a trabalhar com web aqui vão algumas dicas de extensões do Firefox para te ajudar em relação a programação ou desenvolvimento de um website e algumas acabam sendo úteis na navegação em websites:

- Firebug: Você pode monitorar, debugar e editar CSS, HTML, Javascript em qualquer página. Ótimo para corrigir principalmente aqueles erros de CSS.

- Web Developer: Uma barra de ferramenta com tudo para mostrar e desabilitar em uma página. Também dá para redimensionar a janela do navegador (útil para quem trabalha em resolução máxima), mostra todas as cores utilizadas, links para validação, tem uma régua mais detalhada.

- ColorZilla: Captura aquela cor na página. Só não pega dentro de objetos (ex.: animações em flash).

- MeasureIt: Uma régua simples em pixels. Útil para medir rápido.

- IE Tab: Visualiza a página em modo IE dentro do Firefox.

- IE View: Abre o link no IE.

- OperaView: Abre o link no Opera.

- View Source Chart: Ver o código fonte da página mais organizado.

Se você começar a utilizar metade destas extensões já tem minha admiração!

Leitura indispensável #1

imagem: livro Cascading Style Sheets: The Designers Edge

Beginning CSS Development From Novice to Professional (2006)
Autor: Simon Collison
Editora: Apress
Formato: Paperback, 448 pg
ISBN: 1590596897