Mudando para WebStandars

Mudanças Básicas

• Adicione um DOCTYPE correto para todas as páginas.
• Adicione texto para suas imagens com tags 'ALT'.
• Adicione títulos significativos para suas páginas.

Mudanças Intermediárias

• Código XHTML transitional válido.
• Código semanticamente correto.
• Substitua as tags 'FONT' e 'COLOR' por CSS.
• Formulários acessíveis, tabelas de dados e menus de saída.
• Posiconamento básico com css (padding, margins e etc).

Mudanças Avançadas

• Posiciomento total com CSS - sem tabela para layout.
• Utilização de listas para menu de navegação.
• Código XHTML strict válido.
  

Safari 3 Public Beta

A Apple disponibilizou em seu site a versão do navegador Safari para Windows, essa versão é Beta por isso ainda falta alguns ajustes mas mesmo assim já da pra instalar no computador e ver a diferença que é usar um navegador com usabilidade como o Safari e o que não tem usabilidade com IE, vale a pena experimentar.

O conceito de "layout"

Todos nós sabemos que os navegadores podem apresentar falhas, e o IE do Windows parece apresentar mais do que a maioria. Uma das razões de o IE/Win comportar-se diferente de outros navegadores é porque o mecanismo de renderização usa um conceito interno chamado de "layout". Como o layout é um conceito específico para o funcionamento interno do mecanismo de renderização, em geral, não é algo que você deva conhecer. Entretanto, os problemas de layout são a raiz de muitos bugs de renderização do IE/Win, portanto, é útil entender o conceito e como ele afeta as CSS.

Princípios Básicos da Caça aos Bugs

O primeiro passo no monitoramento de um bug é validar a (x)HTML e a CSS para verificar erros de digitação ou erros sintáticos. Alguns erros de exibição são causados por navegadores que renderizam páginas no modo não-padrão. Assim, é uma boa idéia verificar se você está utilizando o DOCTYPE correto para a linguagem de marcação a fim de que suas páginas sejam exibidas no modo padrão.

Você pode descobrir o modo em que sua página é renderizada instalando a barra de ferramentas de desenvolvimento do navegador Firefox (http://tinyurl.com/cmh38). Se a página for renderizada no modo não-padrão, uma marca de identificação na parte superior direita da barra de ferramentas estará acinzentada. Se a página for renderizada no modo padrão, a marca de identificação se tornará azul. Clicar nessa marca de identificação fornece mais informações sobre a página e define explicitamente o modo de renderização.

Os Cinco Princípios para um bom Design

O designer americamo Joshua Porter publicou no seu blob Bokardo uma lista com cinco princípios de design no que todos devem seguir.

• A tecnologia serve ao homem
• Design não é arte
• A experiência pertence ao usuário
• O bom design é invisível
• Simplicidade é a última palavra em sofisticação
  

De Usuário a Co-criador

Na discussão sobre Web 2.0, as relações de poder entre pessoas e artefatos estão sendo questionadas. Artefatos por si só não têm poder, mas dão poder a quem faz uso deles. Artefatos dão ainda mais poder para quem os cria, pois suas estruturas permitem controlar seu uso e, indiretamente, as pessoas que os usam. Entretanto, o controle não é total, pois os controlados tendem a questionar seus controladores, reinvindicando maior poder sobre as artefatos.

Matéria completa no site webinsider

O que é CSS ?

A Cascading Style Sheets (CSS) é considerada uma das maiores evoluções na maneira de desenvolver um site, sendo fundamental seu conhecimento para quem trabalha como webdesigner, webmaster ou webdeveloper.

CSSs são estilos para páginas Web que possibilitam mudar simultaneamente a aparência de todas as páginas relacionadas com o mesmo estilo.

O conceito é relativamente simples. Em vez de criar a formatação de cada página do site, o desenvolvedor cria o link para uma única página que contém todos os estilos usados. Assim, quando quiser modificar a aparência, basta alterar apenas um arquivo.

Macworld San Francisco 2007

No site da Apple (onde você pode assistir) foi disponibilizado o vídeo da Macworld Conference & Expo 2007, onde Steve Jobs o CEO da empresa faz uma apresentação dos produtos da Apple, e inclusive apresenta o Apple iPhone vale a pena assistir.

Média Salarial Brasil - Agosto/2006

Lendo a revista Webdesign de agosto de 2006, encontrei na seção Métricas e Mercado do colunista Michael Lent Schwartzman uma reportagem interessante sobre a média salarial dos profissionais de web no Brasil feita pela Catho, vejam só :

1. Analista Júnior / Sistemas Web - r$ 2.455,00
2. Analista Pleno / Sistemas Web - r$ 3.753,00
3. Analista Sênior / Sistemas Web - r$ 4.830,00
4. Analista Programador(a) Web - r$ 2.866,00
5. Coordenador(a) de Projetos Web - r$ 5.852,00
6. Editor/Produtor de Conteúdo Web - r$ 2.456,00
7. Webdesigner Estagiário - r$ 584,00
8. Webdesigner Trainee - r$ 1.418,00
9. Webdesigner - r$ 2.303,00
10. Web Development - r$ 3.422,00
11. Webmaster - r$ 2.442,00

Top Sites Brasil

O site Alexa publicou os 100 sites mais acessados no Brasil. O Orkut, MSN e o Google são os que estão em primeiros lugares, os critérios de avaliação é à partir dos navegadores que utilizam o Alexa Toolbar ou então as extenções do Firefox que o utilizam.

Fluído vs Líquido

Embora alguns designer prefiram design fixos, outros grupos defedem calorosamente os designs "fluídos" ou "líquidos" - aqueles designs que fluem preenchendo a janela do navegador. As vantagens dos designs fluídos incluem que nenhum espaço do navegador é desperdiçado, e, seja qual for o tamanho da janela do navegador, o design fluirá para caber nele.

O design fluído significa menos controle de aspectos do design como um todo, e o gerenciamento dos comprimentos de linhas de texto em um design fluído é difícil, senão impossível, sem sacrificar algum outro aspecto do design. Esses fatores, muito provavelmente são responsáveis pelo retorno do design fluído aos designs controlados e centralizados, como começamos a ver em sites como "A List Apart", www.alistapart.com/, e muitos dos designs de "CSS Zen Garden", www.csszengarden.com/.

O que é Acessibilidade Web ?

O termo "acessibilidade" é usado para descrever um problema específico em Web design: como tornar os sites disponíveis para aqueles com deficiências que poderiam impedi-los de ver, ouvir e navegar pelas páginas Web.

Um número significativo de deficiências causa impacto no uso da Web, incluindo aquelas relacionadas à visão, audição e motricidade. Alguns indivíduos com deficiência visual apóiam-se nas funcionalidades de fontes grandes e alto contraste do sistema operacional e do navegador para acessar páginas. Muitos deficientes visuais usam a tecnologia de leitura de tela. Impressoras Braille também são comuns, em que dados da tela são interpretados pela impressora e depois são impressos.

Pessoas com deficiência motoras podem usar teclados, mouses e dispositivos com apontadores especiais (tais como bastões especias seguros pela boca ou localizados na testa para digitar comendos no teclado. Também existem outros dispositivos, mas, em todos os casos, não é fácil usá-los (conhecidos como dispositivos de assistência) nos tipos de páginas Web que dominam a rede.

Entrevista de Ivo Gomes

Passando a vista no blog Carreirasolo deparei-me com uma entrevista com o camarada português Ivo Gomes, falando entre outras coisas sobre ergonomia e usabilidade em ambientes interativos, novos ambientes de gestão de conteúdo em projetos a distância, mercado fora do Brasil e em Portugal e etc...

Mapa da Mente

No mapeamento mental, você começa a tomar notas sobre um assunto no meio de uma página, escrevendo uma palavra ou duas que representem um tema central de suas anotações. A seguir, você adiciona, em um padrão de ramificação a partir do centro, palavras-chave que representam idéias relacionadas. Depois conecta cada pensamento com aquele que o precedeu com linhas e setas.

As técnicas de mapeamento da mente são muito valiosas no design e organização de sites da Web. De fato, há pessoas que afirmam que o conceito de hipertexto foi baseado no conceito de mapeamento da mente. Exageros à parte, os dois conceitos são muito parecidos. Acho as técnicas de mapeamento da mente úteis para a geração da primeira parte do layout de um Web site. A partir daí, é fácil redefinir, expandir e integrar para obter o diagrama do site.

Publicidade Interna

Os sites não sobrevivem sem autopromoção. Isso é fato, e essencial não apenas em internet, mas a qualquer empresa ou negócio. A autopromoção visa expressar e transmitir o quão bons são os serviços prestados pelo portal aos usuários e o quão profissional é a equipe.

O Portal ORM no Navegador Opera

Navegando pela internet usando o navegador Opera, me deparei com uma situação que não esperava, o Portal das Organizações Rômulo Maiorana (ORM) visto no browser (Opera), a página toda disforme o conteúdo na parte de baixo do site quando era para ficar no centro da página, não se faz site só para IE (Internet Explorer) mas também para outros navegadores com Mozila, Opera, Safari e etc..., isso é lamentável pq parece que foi feito por uma empresa de fora do estado, não acredito que aqui em Belém do Pará não exista profissionais capacitados para fazer um produto (site) melhor do que esse esta ai....

Design Visual e Intenção do Site

O design visual do web site deve corresponder à intenção do site. Infelizmente muitos mergulham de cabeça e começam a projetar sem trabalhar com essas considerações em mente. A falta de um trabalho preliminar pode resultar em sites ruins.

Organização Visual de Quadros

Apesar da home page de um portal estar dividida, simbolicamente, em várias áreas, sem os quadros não existiria organização. Os quadros, marcados ou não, respondem pela diagramação do conteúdo, e sua disposição pela página deve ser cuidadosamente estudada de modo a harmonizar o visual do site. Texto aleatóriamente disposto quadros simplesmente "jogados" num espaço tendem a ser confusos e incômodos.

Microsoft Expression Web Designer

Baixei no meu computador o novo aplicativo da Microsoft para web designer, veio para substituir o Front Page, baseado em xhtm, html, css, xml ....
Dei uma olhada www.microsoft.com

Discurso de Steve Jobs em Stanford

Veja na íntegra o discurso de Steve Jobs, o criador da Apple.

O vídeo em inglês no síte carreirasolo.org
A tradução em português no síte vocesa.abril.com.br