Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

O Software Adobe Fireworks CS3 atualmente tem se tornado uma das ferramentas favoritas de Designers de Interação para o desenvolvimento de protótipos. Com a versão CS3, a Adobe adicionou novas funcionalidades que facilitam a criação de protótipos:

• Você pode criar páginas ao invés de criar várias camadas.
• Você pode criar uma página mestre com os elementos comuns em todas as páginas.
• Vem com uma Biblioteca de elementos (widgets) de interface que pode ser utilizado com um simples arrastar e soltar.
• Você pode criar seus próprios elementos (widgets).
• Pode programar cliques a qualquer elemento e assim linkar outras páginas.
• Pode exportar como uma página web e assim criar protótipos navegáveis.
• Pode trabalhar desde rascunhos até desenhos complexos.

A seguir você pode ver um vídeo e alguns tutoriais sobre como fazer protótipos no Fireworks:

• Video of a web page made with Fireworks
• Tutorial: Rapid prototyping in Fireworks CS3
• Tutorial: Wireframing with Fireworks CS3
• Tutorial: Using Fireworks CS3 to design effective, interactive website presentations

A proriedade clip do CSS é utilizada para recortar imagens. Seu uso consiste no seguinte:

clip: rect(10px, 250px, 5px, 5px)

Só que é uma prorpiedade não muito utilizada por causar problemas no Internet Explorer, pois o mesmo não admite o uso de vírgulas nas sentenças. Para solucionarmso esse problema, basta eliminarmos as vírgulas, deixando da seguinte forma:

clip: rect(10px, 250px, 5px, 5px)
clip: rect(10px 250px 5px 5px)

A primeira declaração é para browsers Standard Compliance, onde o IE não entende, e a segunda é para o dito cujo.

Via: Gran Impetu - Internet Explorer y la propiedad clip

Quando se apresentam idéias que fazem referência a dados, pode ser de grande ajuda utilizar algum gráfico ou uma tabela. Isso nos permite comunicar de uma forma mais clara e efetiva uma informação relacionada a dados, ou também pode arruinar toda uma apresentação se não escolhermos o gráfico correto. No momento de escolher o gráfico correto, pode ser muito útil utilizar a tabela de decisões de Andrew Abela:

Uma vez que tenhamos selecionado nosso tipo de gráfico, um recurso muito útil criado pela empresa Juice Analitytics é Chart Chooser: uma ferramenta online que nos permite decidir que tipo de gráfico necessitamos para nossa apresentação, onde podemos efetuar o download de um template personalizado em formato Excel ou PowerPoint:

Referências

• Usolab - Escoger un buen gráfico

O que é o SharePoint?

SharePoint é uma ferramenta colaborativa da Microsoft que permite desenvolver “sites de colaboração”, ou seja, lhe permite criar diferentes miniportais onde você pode criar espaços para que os usuários trabalhem como equipe permitindo adicionar comentários, documentos e tarefas. Basicamente é uma ferramenta de Intranet a nível empresarial.

O que é o Kit de Acessibilidade para SharePoint?

É um conjunto de arquivos, programas e utilidades que fazem do seu código mais acessível e usável no Microsoft Office Server SharePoint 2007 e Windows SharePoint Services. Esse kit foi desenvolvido pela empresa HiSoftware, uma empresa muito reconhecida no ramo da Acessibilidade (os mesmos do validador Cynthia Says, do guia “Comprendiendo la Accesibilidad: Una Guía para Lograr la Conformidad en Sitios Web e Intranets“, etc.).

Fica a dica para os SharePointers de plantão!

Referências

• estándares y accesibilidad - Nueva Versión del AKS (Kit de Accesibilidad para SharePoint)

Recentemente o Google adaptou um de seus serviços de leitura de notícias, o famoso Google Reader com o fim de possibilitar seu acesso as pessoas com algum tipo de deficiência visual, segundo informações da companhia. Essa iniciativa permite que usuários podem acessar ao Google Reader com qualquer tipo de leitor de tela, ferramentas que as pessoas com deficiência visual utilizam para acessar os sites.

O suporte recém adaptado foi testado no browser Mozilla Firefox, e segundo o Google, é um grande passo para enviar a informação aos usuários.

Via: elmundo.es

No site CSS Globe você pode encontrar um tutorial onde é possível fazer barras de progresso animadas somente com CSS, sem uso qualquer de JavaScript ou alguma linguagem de programação. Para quem achava que isso não era possível, fica aí a dica.

Utilizar ou não utilizar algum Framework? Essa é uma pergunta que se passa na cabeça de todo desenvolvedor. Eu, aprticularmente, não gosto muito deles, queria até desenvolver um Framework CSS, mas vi que não ia ter tempo para me dedicar a isso, e larguei mão desse projeto. Mas uma coisa é válida, se você puder estudá-los a fundo, é muito bom para conhecer novas técnicas, deixar vícios de lado, e quem não tem seus vícios não é? E visitando o site Kabytes descobri uma lista com os 12 melhores Frameworks em CSS:

• 1. Elements CSS Frameworks
• 2. WYMstyle: a CSS framework
• 3. YAML CSS Framework
• 4. YUI Grids CSS
• 5. Boilerplate CSS Framework
• 6. Blueprint CSS
• 7. Schema Web Design Framework
• 8. CleverCSS
• 9. Tripoli Beta CSS Framework
• 10. ESWAT Web Project Framework
• 11. CwS CSS Framework
• 12. My (not really mine) CSS Framework

Blueprint nada mais é do que o esquema do website sobre o qual todos os outros aspectos são construídos: forma, função, metáfora, navegação, interface, interação e design visual. Blueprints também são utilizados na Construção Civil. Abaixo você pode ver um vídeo que mostra o processo de Blueprint na Arquitetura de Informação:

Referências

• elrodriWEB - Video sobre Blueprint en la Arquitectura de Información

Já pensou em fazer um teste de Usabilidade em seu site? Você sabia que com apenas 5 pessoas você pode identificar 85% dos erros de usabilidade em um site? Pois bem, testes de usabilidade são muito caros e por isso são deixados de lado, mas existe um site onde pessoas fazem testes de Usabilidade gratuitamente, basta você ir até lá, cadastrar o seu site e aguardar a avaliação dos usuários.

Agora, não confunda Usabilidade com Funcionalidade, coisa que eu mais vejo no dia-a-dia.

Foi lançada recentemente a campanha Save The Developers, uma campanha em prol da “morte” do Internet Explorer 6, que ainda é uma pedra no sapato de nós desenvolvedores. Portanto, se você ainda utiliza o IE, mas não quer utilizar um outro browser, eu respeito sua opinião, mas atualize a sua versão para uma mais recente, e salve um desenvolvedor. Para os desenvolvedores que querem aderir ao movimento, você pode colocar um arquivo JavaScript em sua página que só aparecerá para os usuários que fazem o uso do Internet Explorer 6, dando uma sugestão para ele atualizar sua versão para a 7, ou então utilizar outro browser. Calma, seu site não vai deixar de funcionar no IE depois disso, só irá aparecer uma mensagem discreta por alguns segundos no topo da página.