Lutando por WaSP

Está dando onda

2008-04-21T20:41:00.002-03:00

Acaba de ser publicado o livro “An Introduction to Seaside”. O livro é baseado no tutorial online desenvolvido pelo Hasso-Plattner Institut, e conta com um conteúdo revisado e expandido nesta edição.

O framework para desenvolvimento web baseados em componentes começa a ganhar mais força. Para comprar basta pegar seu cartão internacional e fazer seu pedido na editora Lulu.

o[>_<]o
[Lutando por WaSP]

Seaside no FISL - Agora e sempre

2008-04-19T21:59:00.004-03:00

Eu não vi. Não desta vez... mas muitos viram a palestra do Randal Schwartz sobre o framework Seaside feito em Smalltalk.

Em seu blog, Randal fala que vai voltar e que não planejava fazer sua apresentação em tão curto tempo (35 min), mal deu pra mostrar o WACounter dividindo por 0. O que lhe causou surpresa foi o convite para a Décima Edição do FISL e que já entrou em contato com alguns patrocinadores (a pedido).

A semente foi plantada, vamos lá, que venha o Seaside.

o[>_<]o
[Lutando por WaSP]

Seaside - Desenvolvimento Ágil

2007-09-17T17:27:00.000-03:00

Depois do Ruby on Rails (www.rubyonrails.org), CakePHP (www.cakephp.org), CodeIgniter (codeigniter.com), Symfony (www.symfony-project.com) etc ou só para esquentar a briga entre os frameworks open-source de desenvolvimento ágil, surge o Seaside (www.seaside.st), todo construído em SmallTalk (www.smalltalk.org - linguagem 100% O.O) que agrega alta performance, alta produtividade, portabilidade (com uma VM fenomenal) e uma mudança radical de paradigma (MVC, arghhh!).

Seguem duas imperdíveis palestras, não deixem de conferir.

Desenvolvimento Herético para Web
http://www.treinatom.com.br/betaEventos/SeasideDesenvolvimentoHereticoParaWeb01_07_2007.rar

E no blog dele tem um screencast sobre configuração do seaside:
http://logbr.reflectivesurface.com/2007/09/04/screencast-configurando-um-ambiente-para-o-seaside/

E nós, ficaremos como? Ainda pensando em Struts, Java? rsss.

o[>_<]o
[Lutando por WaSP]

Assistam: "Acessibilidade web: Custo ou Benefício?"

2007-05-29T15:55:00.000-03:00

Recomendo o vídeo sobre Acessibilidade na Web, feito pelo pessoal do Acesso Digital (MAQ, Horácio e Lêda Spelta).

O vídeo serve para mostrar, de forma simples e prática, as dificuldades de acesso aos serviços disponíveis na web.

Um exemplo similar, também está disponível na rede através do link http://www.ad-awards.com/inc/video.swf?id=104.

Ambos contribuem significativamente para a divulgação da acessibilidade, não deixem de assistir e pensar a respeito.

Parabéns especial ao MAQ e cia.

o[>_<]o
[Lutando por WaSP]

FW: [rails-br] Aptana & RadRails

2006-08-01T09:50:00.000-03:00

Abaixo, transcrevo uma dica do Emerson Coimbra, postado no grupo Rails-BR.
--

Muitos já devem conhecer o RadRails, certo? Uma IDE baseada em Eclipse para desenvolvimento em ROR. Não vamos entrar no mérito se o desenvolvimento é melhor em linhas de comando e blocos de notas, etc. O lance é que o bicho é bom e tende a evoluir.

Bem, ontem recebi a dica de uma outra IDe, também baseada em Eclipse, mas para desenvolvimento web chamada Aptana. Putz, o bicho é bom demais! Já vem integrado com prototype, script.aculo.us, dojo, mochkit. Tem um sistema de autocomplete fantástico (melhor que o Dreamweaver, inclusive, que pra mim era imbatível). Em se tratando de html, css e javascript é um arraso.

Aí pensei com meu botões, se já estou usando um editor de Rails baseado em eclipse, porque não juntá-los em um só através dos recursos de plugins.

Abaixo listo o caminho das pedras para quem quiser fazer essa experiência de integrá-los (Na verdade eu não tenho o Eclipse instalado na máquina, pois não uso Java, então não há necessidade dos 110Mb de instalação do Eclipse).

Uso o RadRails standalone. Fiz o mesmo com o Aptana. Pelo RadRails, percebi que a coisa é standalone mesmo! Vc não pode adicionar plugins nele (pelo menos eu não vi como). Pelo Aptana a coisa já diferente então o que fiz e sugiro é o seguinte:

1. Baixar a versão mais recente do Aptana.
2. Acessar help/software updates/find and instal.../search for new features to install.
3. Crie dois remote sites, conforme instruções do site do RadRails. Um é para o RDT (Ruby) e o outro para o RadRails em si.
4. Vá marcando todas as opções e next next next... Ele irá fazer download dos pacotes e instalá-los.
5. Após tudo instalado confirme o restart da aplicação.
6. Agora o ponto importante. Se pararmos aqui teremos feito m... gigantesca. Por que? Porque o RadRails vai se tornar o editor default para htm, html, css, js e não vai adiantar de nada o que fizemos. Então clicaremos em windows/preferences/general/editors/file associations. Agora é moleza. É só clicar nas extensões css, htm, html, js e ir colocando o Aptana como default.

Pronto é só isso... :-)

De fato, a dica é bem útil, pois esse Editor Aptana está causando um rebuliço na comunidade de desenvolvimento web standards, principalmente pela portabilidade.

o[>_<]o
[Lutando por WaSP]

Arquitetura da Informação - Aqui Jaz o Editor

2006-05-25T18:15:00.000-03:00

O artigo ou a Carta 59 "AI... ai, ai: APERTEM OS CINTOS, O EDITOR SUMIU num ato de sobrevivência, mostra a Arquitetura da Informação no Brasil como uma coisa banal nos dias atuais e puxa uma discussão bastante interessante na Lista de discussão AIfIA-pt - Arquitetura de Informação em Português.

O fato é que não temos para onde correr! Não é de agora que a tecnologia modifica o cenário dos profissionais. O que acontece é que estamos presenciando mais uma vez (e a todo momento) a extinção de profissionais e nascimentos de outros.

Desta vez, vão-se Editores, welcome Arquitetos da Informação. Muito embora, acredito que cada um tem seu lugar no espaço.

o[>_<]o
[Lutando por WaSP]

Screem - Surpreendente

2006-04-06T13:14:00.000-03:00

De volta ao mundo livre...

Ontem comecei a configurar uma máquina com S.O. Linux para desenvolvimento web. Decidi usar o Ubuntu 5.10 por causa de alguns comentários que andei lendo(*). Até ai, nada de mais. Coloquei o Apache, PHP, MySQL, atualizei o Firefox 1.5 e comecei a escolher as IDE´s. Quanta, Bluefish, NVU e ... Screem (cada um tem seus prós e contras), mas esse último nunca tinha ouvido falar, selecionei por pura curiosidade.

Pacotes baixados e instalados.

Comecei a testar e tudo funcionava perfeitamente. Mas e esse tal Screem? O que poderia esperar de um software que está na versão 0.16.1?? Ai veio a surpresa:
- nada de WYSIWYG;
- leve e rápido;
- assistentes (wizards) para quase tudo;
- suporte a PHP, CSS, Javascript, WML etc;
- codificação colorida e com auto-completar;
- suporte a templates,
- suporte CVS;
- gerenciamento de site;
- publicação;
- e muito mais...

Até o momento ele é o mais completo que conheci, acabei de ler um pouquinho mais sobre ele nos históricos da Info Online. Apenas ratificou a minha opinião.

Para quem usa GNOME, é uma excelente opção.

o[>_<]o
[Lutando por WaSP]

(*) - Sobre Ubuntu:
- Ubuntu Linux, uma boa escolha
- Ubuntu é oportunidade imperdível

Protótipos com o Visio - Segunda Edição

2006-03-23T14:22:00.000-03:00

O site GUUUI - The Interaction Designer's Coffee Break, publicou a segunda edição do artigo Visio - the interaction designer's nail gun, nesta edição do artigo inclui uma versão nova e melhorada da Ferramenta GUUUI de Construção de Protótipos, para MS Visio 2003.

Para quem já usa o software da Microsoft, pode baixar o Template GUUUI e seguir os passos do artigo. Vale ressaltar que a lista de links relacionados no final da página também é de grande valia.

o[>_<]o
[Lutando por WaSP]

Dê bom exemplo, sempre!

2006-03-20T10:42:00.000-03:00

Amigo,

Se você vai usar o blog como um tutorial, dê bons exemplos. Não foi o que fez o autor de "Totally Compliant Markup". Buscando citar um exemplo de um (x)HTML totalmente de acordo aos padrões web, ele mostrou que, embora criando um código tableless válido, não sabia mesmo o que estava fazendo.

Ele sabia mesmo o que estava fazendo. Mostrando uma codificação validada sem se importar com os critérios de semántica e boa prática da marcação.

Até o pessoal do 456 Berea Street riu do exemplo que alimentou o artigo sobre Validação e Boas Práticas: "Validity does not equal best practices".

Outro que também explica sobre o significado do selinho é o pessoal do "Revolução Etc", em seu post Eu já disse que validação não significa nada!.

Fica mais uma vez provado que validar não é tudo.

Faça isso, dê bons exemplos. Principalmente num ambiente que reina o copy and paste.

o[>_<]o
[Lutando por WaSP]

Rails nos Padrões

2006-01-17T15:12:00.000-02:00

Estou testando o Ruby on Rails, simplesmente fantástico, ele já é matéria em revistas populares. Mas estou intrigado com os padrões adotados, alias, só com padrões para garantir tanta facilidade.

Primeiro: o Rails adota plural (em inglês) para nomes de tabelas, então, se a classe se chama "person" a tabela se chamará "People" e se a classe é "child" a tabela será "children", isso faz com que o Rails monte tudo de forma fácil e rápida. Porém, isso, para brazucas como eu, pode ser um problema. Normalmente não fazemos o modelo de dados adontando plurais em tabelas (adotamos sempre singular nas convenções de codificação) e não usamos inglês para batizar nossos objetos de dados. Veja um exemplo: tenho uma classe denominada "material", o Rails procura por uma tabela "Materials" e com certeza não modelarei assim. Sim, e ai?

Ou adotamos os Padrões do Rails e usamos uma ferramenta para ajudar a pluralizar ou partimos para a configuração: desligamos o recurso no ActiveRecord, basta ir na pasta config, editar o arquivo environment.rb e atribuir


    ActiveRecord::Base.pluralize_table_names = false

Segundo: Surrogate keys, ou seja, cada tabela tem um atributo que identifica o registro como único, isso independente da chave de negócio. Esse campo precisa ser denominado "id" (e se for autoincremental, o rails faz a parte dele). Isso também tem ido contra a minha convenção, pois tenho a mania de usar múltiplos atributos para determinar a chave-primária (coisa de normalização). Mas para tentar adequar aos meus padrões, tanto no nome do atributo (id) quanto na quantidade de campos participando de primary-key, estou usando o método set_primary_key.

Dentro da pasta model abra o arquivo da classe:


class Material < ActiveRecord::Base
   set_primary_key "cod_material"
end

E assim, de forma simples, vamos resolvendo as questões de padronização.

Meu desafio agora é adequar a interface. Eu não gosto muito de repetir as ações por registro (Editar, Excluir, Exibir). Prefiro assim:

Estou usando o RadRails como editor e recomendo. E tutorial sobre Ruby on Rails estão ai, no site ao lado.

Para os amantes do DBDesiner4, temos o DBModelGEM.

Com Ruby on Rails é assim, tudo é simples!

o[>_<]o
[Lutando por WaSP]

24 maneiras de impressionar seus amigos

2005-12-03T01:37:00.000-02:00

Essa é a dica que o Web Standards Project tem a nos dar.
É uma espécie de tutorial online na forma de aulas diárias, excelente para quem quer impressionar os amigos com o uso de AJAX e Padrões Web, claro.
Vou começar a acompanhar para tentar impressionar, não só aos meus amigos, mas principalmente a todos que colaboram com as criancinhas da Creche Escola Zélia Ribeiro.

PS: Aceito todo tipo de colaboração (por exemplo: já consegui um layout CSS - Ricardo Couto e uma hospedagem gratúita - Ronaldo Paiva), basta entrar em contato.

o[>_<]o
[Lutando por WaSP]

Lei de Acessibilidade no Brasil

2005-12-02T23:11:00.002-02:00

Dia 02 de dezembro de 2005, acabou o prazo para os sites de serviço público se adequarem ao DECRETO Nº 5.296 DE 2 DE DEZEMBRO DE 2004.

CAPÍTULO VI
DO ACESSO À INFORMAÇÃO E À COMUNICAÇÃO

Art. 47. No prazo de até doze meses a contar da data de publicação deste Decreto, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores (internet), para o uso das pessoas portadoras de deficiência visual, garantindo-lhes o pleno acesso às informações disponíveis.

E agora? Qual o próximo passo?

Li uma mensagem na lista ArqHP (at googlegroups) que me despertou o interesse e lancei a questão na lista de Acessibilidade (at yahoogrupos), as threads de ambas são bem interessantes. Mas enquanto não deixar claro quais são as punições, essa será mais uma Lei a ser descumprida.

o[>_<]o
[Lutando por WaSP]

Web Accessibility Tool Consortium

2005-09-15T22:51:00.000-03:00

Com o objetivo de desenvolver ferramentas novas, melhorar ferramentas atuais e expandir a escala dos browsers, sistemas operacionais e idiomas em que as ferramentas estão disponíveis. Nasce o WAT-C, www.wat-c.org.

O Consorcio das Ferramentas de Acessibilidade para Web (WAT-C) fornece uma coleção de ferramentas livres para ajudar a colaboradores e a designers no desenvolvimento e teste de conteudos acessíveis na web.

O consorcio conta com a colaboração de alguns dos principais praticantes de acessibilidade do mundo, fundado por Accessible Information Solutions (Australia), Infoaxia (Japão), The Paciello Group (USA), Wrong HTML (Japão), e Juicy Studio (Reino Unido).

==

Leading Accessibility Organisations Launch International Development Consortium

Australia, Europe, Japan and United States form "WAT-C" to create real time web and software accessibility analysis tools via GPL. - Thursday, September 15, 2005

Melbourne, Australia. Today organisations representing four continents announced the official launch of the Web Accessibility Tool Consortium (WAT-C, www.wat-c.org). The new consortium is developing a series of browser-based web accessibility analysis tools under a general public license agreement.

By harnessing the passion, knowledge, and creativity of this international group of web accessibility practitioners," stated Steven Faulkner WAT-C founder, "We have a unique opportunity to provide tools to promote the understanding and development of an accessible web.

Na íntegra...

o[>_<]o
[Lutando por WaSP]

Até tu Microsoft?

2005-07-05T22:10:00.000-03:00

Quero declarar que eu vou parar de encher o saco de meus amigos MCP´s, pois não terei mais motivos. Isso mesmo, finalmente ela se rendeu aos padrões web. O WaSP e a Microsoft lançaram força tarefa para conscientizar desenvolvedores que os Web Standards são do bem.

O gerente de produtos para plataformas web da Microsoft - Brian Goldfarb, levanta a bandeira branca, com a frase:

Standards are of increasing importance as Web developers strive to make their sites work across all browsers and accessible by the broadest set of customers.

Demorou né Brian? Mas vamos deixar vocês trabalharem para reconstruir a web, vamos ver no que vai dar.

Veja a prova - WaSP to Collaborate with Microsoft to Promote Web Standards

Só espero que saia coisa boa disso!

o[>_<]o
[Lutando por WaSP]

PS: Só fico pensando nos 99% dos sites que terão que se render também aos padrões web, agora eles vão admitir que o WaSP estava certo (riso cínico).

Palestra na UNIME

2005-05-16T23:30:00.000-03:00

Fui convidado a ministrar uma palestra na II Semana de Informática da UNIME. Aproveitei para expor meus conhecimentos teóricos e práticos sobre Padrões Web. Apesar de minha pouca desenvoltura com a platéia (sala de aula é outra coisa) e o microfone (preciso praticar mais o uso) consegui passar a mensagem do meu verdadeiro objetivo:

Mostrar que o uso de Padrões Web é bom para os visitantes, clientes e desenvolvedores de páginas web.

Além de apresentar os benefícios e da acessibilidade garantida por lei, quis mostrar o trabalho de padronização que ajudei a implantar na Sefaz/Ba (2004) para facilitar a construção de protótipos de aplicações web. Realmente obtivemos resultados significativos, pena que saí antes de implantar na linha de desenvolvimento (o framework ainda não atende aos padrões web).

Bom, como era de se esperar, pouca gente anotou a enxurrada de links que mostrei no slide de Referências, então segue abaixo:

Web Standards:
http://www.zeldman.com
http://www.webstandards.org

CSS:
http://www.csszengarden.com
http://www.cssbeauty.com/
http://www.maujor.com/
http://www.meyerweb.com/
http://cssvault.com/
http://www.happycog.com

Validação:
http://validator.w3.org/
http://www.htmlhelp.com/tools/validator/

Acessibilidade:
http://www.acessobrasil.org.br
http://www.serpro.gov.br/acessibilidade/
http://www.bengalalegal.com/acesso.php

Blogs e Listas de discussão:
http://del.icio.us/aldemir
http://www.bengalalegal.com - Bengala Legal
http://groups-beta.google.com/group/arqhp - Lista ArqHP
http://br.groups.yahoo.com/group/webstandards-br/ - Lista WebStandards-Br
http://www.usabilidoido.com.br - Usabilidoido
http://www.maujor.com - CSS Para Web Designer

Gostaria de registrar também meus agradecimentos:
Diretório Acadêmico BSI/Unime
MAQ - Marco Antônio de Queiroz
Elcio Fereira e Diego Eis – http://www.tableless.com.br
André Oliveira (3CStudio) - pela paciência e apoio na elaboração da palestra.

o[>_<]o
[Lutando por WaSP]

Boas práticas para escrever JavaScript

2005-04-20T20:08:00.000-03:00

"Faça seu mantra de hoje: Eu farei as coisas direito. Para mim e para todos.", é assim que conclui o pessoal da SitePoint DHTML & CSS Blog: Stylish Scripting depois de recomendar o artigo: Ten good practices for writing JavaScript in 2005. Abaixo estão as 10 dicas:

1. Certifique-se que seu código está de acordo com seu contexto
2. Críe o Javascript acessível
3. Críe o Javascript usável
4. Críe o Javascript legível
5. Críe o Javascript pensando no futuro
6. Saiba das fraquezas, limitações e erros do Javascript
7. Frequentemente há mais de uma boa solução, saiba escolher a melhor
8. Escreva seus próprios certificados ou reutilize os confiáveis
9. Otimize seu código pensando na melhoria do desempenho
10. Use ferramentas que otimizem seu processo do trabalho

Não há surpresas, mas o ponto chave é:

"Saber não é o bastante, é preciso aplicar. Querer não é o bastante, é preciso fazer." - Bruce Lee

o[>_<]o
[Lutando por WaSP]

Usando Javascript Acessível

2005-04-17T13:25:00.000-03:00

O Javascript permite que os desenvolvedores adicionem interação, validação de informação e controle de comportamento das páginas web. Entretanto, o Javascript pode também introduzir acessibilidade. O tutorial Creating Accessible JavaScript explica como fazer uma página mais acessível, usando técnicas simples e compatíveis com qualquer dispositivo de navegação.

Uma dica do site 456 Berea Street, que por sinal mantém uma ótima lista de dicas de acessibilidade.

o[>_<]o
[Lutando Por WaSP]

Mestre-detalhe com XMLHttpRequest

2005-02-14T22:59:00.000-02:00

Um dos maiores problemas para quem desenvolve aplicações para a WEB é atender ao usuário satisfatoriamente. Principalmente aquele usuário que está acostumado com Windows Forms (aqueles feitos em VB, Delphi etc) e quer que seu sistema WEB se comporte como tal.

É bastante comum ouvir requisitos do tipo "Na minha tela de Cadastro de Cliente eu quero que me mostre uma lista dos estados e se eu selecionar 'Bahia' quero que na lista de municípios (outro campo) só me mostre os que são da 'Bahia'". Essa necessidade realmente existe e existem diversas maneiras de atendê-la. Mas nenhuma é tão dinâmica quanto a utilização em conjunto de Javascript e XMLHttpRequest.

Saiu um artigo na O'Reilly xml.com:Building very dynamic web interfaces with Javascript que mostra na prática como implementar essa solução.

E quem reforça esse artigo é o pessoal da Apple Developer Connection.

Agora é só implementar e mostrar ao usuário a novidade. Será que ele vai notar?

o[>_<]o
[Lutando Por WaSP]

Javascript Não-obtrusivo

2005-02-11T22:47:00.000-02:00

Você sabia que o Javascript é uma ferramenta maravilhosa para realçar a usabilidade dos Web sites? Unobtrusive Javascript nada mais é que a camada extra entre o mark-up "o que é esse elemento" e o CSS "como esse elemento deve ser apresentado". Ou seja, agora existe uma nova dimensão, "como esse elemento deve comportar-se".

No site OnlineTools.Org tem um artigo que mostra a técnica para separar completamente o Javascript das outras duas camadas de desenvolvimento web e ainda assim deixando-o acessível.

Tudo bem, você já faz um Javascript perfeitamente separado, mas ele é totalmente inacessível, não é verdade?

E quem quiser ver na prática, vá direto ao Capítulo 5.

o[>_<]o
[Lutando Por WaSP]

A moda é Acessibilidade

2005-02-04T01:01:00.000-02:00

Acessibilidade está em alta, com o apoio do Governo Federal (Decreto-lei 5296 de 2 de dezembro de 2004) qualquer um vai poder navegar, independente de onde esteja, de suas dificuldades motoras ou visuais e de sua experiência com a internet e até com informática. É a tal Inclusão Digital. Internet é para todos e agora é uma questão legal.

Falando nisso, vocês conhecem o MAQ? Ele é um cara legal (risos) que saca muito de acessibilidade, saca tanto na teoria quanto na prática, pois é cego. Ele mantém o site Bengala Legal. Eu o conheci recentemente, já até troquei umas idéias via Skype. O engraçado é que ele entrou na lista do Irapuan (ArqHP) e está dando um show a parte. Já nos forneceu uns valiosos links, como:
- A Cartilha de Acessibilidade
- O Guia de Acessibilidade do SERPRO

Seguindo essas dicas, não pense que vai acertar de primeira. Vá para a prática: pegue um "ledor" de tela (Jaws ou DosVox ou Virtual Vision), desconecte o mouse, desligue o monitor e tente navegar. Faça isso várias vezes até conseguir.

Visitem também : Acessibilidade.Net

Ah! O MAQ avisa que site acessivel é mais rápido.

E você está esperando o quê? Faça acessibilidade pelo menos por uma questão social.

o[>_<]o
[Lutando Por WaSP]
PS: Estou de volta aos padrões, então, o blog também está de volta.

Pushing Your Limits (and other secrets of designing with CSS)

2004-11-22T22:09:00.000-02:00

Bom, antes de falar sobre o assunto em pauta e talvez meu último post, gostaria de agradecer as visitas e os poucos e importantes comentários postados. Abandonei o blog por questões profissionais, pois minha luta acabou. Isso mesmo, venci...

A princípio, criei esse espaço para servir como uma espécie de bookmark e com isso auxiliar no estudo sobre Web Standards que queria aplicar à minha atividade de Administrador de Dados e Padrões de Desenvolvimento.

Tinha um objetivo e consegui alcançar. Comprei muita briga e quase fui pra rua - que assuntinho polêmico esse, mas estava com minha consciência tranquila e com alguns argumentos e aliados fortíssimos (meus superiores diretamente, meus colegas, a Comunidade ArqHP, WebInsider, WebStandardsGroups, o pessoal do Tableless e outros em posts anteriores relacionados). Isso me deu segurança para seguir. Mas de repente saí da empresa a qual destinava o trabalho (com muito sufoco) e estou noutra, novo ambiente, novo desafio, nada a ver. Uma oportunidade que apareceu e não podia deixar escapar, os códigos de repente sumiram da minha rotina de trabalho, consultoria tem seu lado ruim né? :-)

Em breve outro(s) amigo(s) estará(ão) tocando esse blog, pois a luta ainda continua.

Quem me encontrar por ai, vai ouvir um pouco sobre WebStandards, Browser de Verdade, o poder do CSS (Zen Garden, óbvio), Semántica na Mente, Acessibilidade, Usabilidade etc.

Agora voltando a pauta, a apresentação Pushing Your Limits (and other secrets of designing with CSS), ministrada pelo jovem Douglas Bowman no evento Web Essential 2004 (Outubro/04 - Sidney - Austrália), mostra os benefícios de um padrão de nomenclatura e como fazer um bom uso de CSS, apresentando como Case nada mais que o redesenho do Blogger.Com.

Imperdível, principalmente pela clareza do conteúdo e simplicidade da apresentação.

o[>_<]o
[Lutando por WaSP]

Dez truques de CSS

2004-09-08T14:27:00.000-03:00

O Irapuan Martinez postou na lista "ArqHP - Arquitetura de HomePage" at topica.com (que ele mesmo mantém) uma dica que não posso deixar de fora desse nosso blog. Trata-se de 10 truques preciosos para construção de CSS.

Considero bastante relevante a quem quer se aprofundar em CSS, sem falar que dicas, truques e macetes são sempre bem vindos, né verdade?

o[>_<]o
[Lutando por WaSP]

Web Standards Checklist

2004-08-08T22:20:00.000-03:00

Quais os benefícios que se obtem ao adotar web standards?
R: ...

Podemos citar vários, com já foi feito no post Web Standards ROI, mas o veterano Russ Weakley sintetizou, em uma apresentação para o Grupo de Web Standards de Sidney, um simples checklist que visa mostrar todos esses benefícios.

Web Standards Checklist
1 - Qualidade do Código
2 - Grau de separação entre Conteúdo e Apresentação
3 - Acessibilidade para os usuários
4 - Acessibilidade para dispositivos
5 - Usabilidade básica
6 - Gerenciamento do site

Logo, cada item verificado é um benefício obtido.

o[>_<]o
[Lutando por WaSP]

Entendendo, encolhendo e posicionando DIVs

2004-08-02T11:26:00.000-03:00

Saiu um artigo sobre CSS - Auto-height and margin-collapsing, que de uma forma bastante didática, o autor Minz Meyer ilustra como solucionar o problema de ajuste e posicionamento de DIVs, inclusive de forma cross-browser.

Muito útil.

o[>_<]o
[Lutando por WaSP]

Centralizando DIVs Vertical e Horizontalmente

2004-07-16T00:20:00.000-03:00

Um amigo me lançou um desafio, se fosse possível centralizar verticalmente um menu ele abandonaria de vez o uso de tabelas para desenhar layouts HTML.

O objetivo dele era usar um menu no centro do browser independente da quantidade de opções que esse menu pudesse ter. Isso era feito facilmente com o uso de tabelas, bastava um valign=middle e estava pronto. Mas ele queria fazer usando tableless (já havia apresentado o conceito anteriormente), mas não consegui.

A princípio também achei que não fosse possível, mas não desisti e continuei a pesquisar. Em uma das listas que participo cheguei a esses artigos da hicksdesign :

- Vertical centering with CSS

- Vertical & horizontal centering 2

E ambas acabaram me levando ao Top Tip Vertical Centring with CSS do Web Page Design for Designers.

Desafio vencido, basta agora Ed cumprir a promessa e abandonar de vez o uso de tabelas para desenhar layouts de páginas.

Eu estou a cada dia mais convencido que tudo é possível com CSS!

o[>_<]o
[Lutando por WaSP]

Construindo Acessibilidade

2004-07-15T21:44:00.000-03:00

O sitio Acessify.com oferece uma série de ferramentas para a construção de HTML, mas podemos dizer que existem vários outros com o mesmo propósito e é apenas mais um wizardzinho. Mas o serviço dele é pensando em acessibilidade, talvez pra corrigir o mal que as ferramentas e wizards fizeram ao viciarem milhões de desenvolvedores a escreverem layouts usando tabelas.

Destaque para as seguintes ferramentas:

- List-o-matic - Gerador de menu CSS
- Accessible Form Builder - Usando CSS e Table, vai escolher qual?
- Pop-up Windows Generator - Não usem indevidamente :)

Agora é CCC (clicar, copiar e colar)!

o[>_<]o
[Lutando por WaSP]

Criando páginas com base em CSS

2004-07-14T16:18:00.000-03:00

A CSSVault recentemente disponibilizou um tutorial passo a passo que ensina como criar páginas baseadas em CSS.

Esse tutorial está dividido em três partes: a parte 1 cobre a criação das teclas da navegação no CS Photoshop, a parte 2 cuida da criação do fundo, e a última cobre o cabeçalho, disposição da página e finalmente a execução do CSS no XHTML.

Tudo isso vindo do fantástico Veerle´s Blog!

Sugiro a visita!

o[>_<]o
[Lutando por WaSP]

Ainda sobre nomenclaturas CSS

2004-06-24T02:18:00.000-03:00

Pensei que esse assunto fosse gerar polêmica, mas vocês não deram muito IBOPE, talvez por que achem de baixa relevância. Mas a W3C avisa: Use class com semântica na mente.

Alerto no tópico abaixo e reforço neste, frequentemente são usados nomes em class e ids de acordo com o formato, exemplo: .textoVermelho, .linkAzul, #esquerda, #direita etc.

Quando o melhor seria dar nomes de acordo com o papel que cada elemento HTML desempenha dentro da página, exemplo: .erro, .atalho, #menu, #noticias etc.

Não é bem mais lógico?

o[>_<]o
[Lutando por WaSP]

Nomenclatura semântica

2004-06-07T12:14:00.000-03:00

Todos sabem que um dos benefícios de trabalhar com CSS é separar a apresentação do conteúdo, mas é bastante comum projetarmos pensando em layouts, quando o semanticamente correto seria projetar pensando no conteúdo.

Vejamos o exemplo abaixo:

#banner{...}
#central{...}
#esquerda{...}
#direita{...}
#rodape{...}

O que tem de errado com esses nomes no CSS acima?
R: Nada.

Errado! Pegue seu melhor designer e peça para ele dar uma cara nova a seu site... O resultado não será muito diferente, não é verdade? É o que acontece no site CSS para Webdesigner. Alternar os layouts, muda as cores, as imagens, mas o layout é o mesmo.

O que acontece aqui (e lá) é que a nomenclatura dita (força) o layout. Perceberam (ESQUERDA, DIREITA e CENTRAL)?

E se fosse assim:

#banner{...}
#conteudo{...}
#noticias{...}
#parceiros{...}
#rodape {...}

O seu designer agradeceria e você certamente ficaria surpreso com o resultado.

Veja o exemplo do CSS Zen Garden, a cada layout escolhido uma surpresa, não é? Sentiu a diferença?

Por isso, não basta pensar em CSS sem antes pensar em conteúdo.

Quando projetar seus sites (de preferência utilizando wireframes), pense no conteúdo e não somente em layout, assim, você não poda a criatividade do designer e não "cimenta" o layout para sempre.

o[>_<]o
[Lutando por WaSP]

Utilizar tabelas para layout é estupidez

2004-06-02T18:07:00.000-03:00

"Tabelas existem no HTML por um motivo: Exibir dados tabulados. Mas a utilização de border="0" tornou possível para designers ter uma grade para exibir imagens e textos. Esta é, ainda, a forma predominante em que os designers projetam seus sites com um visual rico, porém, hoje o uso de tabelas está interferindo de fato na construção de sites melhores, mais acessíveis, flexíveis e funcionais.", veja na íntegra a apresentação "Utilizar tabelas para layout é estupidez" que é uma tradução oficial de "Why tables for layout is stupid".

Comente...

o[@_@]o
[Lutando por WaSP]

Web Standards ROI

2004-06-02T09:36:00.000-03:00

Estava procurando os benefícios de se implantar web standards para justificar o uso e ter um maior poder de convencimento e encontrei diversos sitios* e autores que davam justificativas louváveis. Mas ontem (11/jun/04) saiu um artigo bastante interessante no Asterisk: Web Standards ROI.

Não deixe de ler os comentários e tercer os seus.

*Outras fontes encontradas que justificam o uso:
Web Standards for Business
The benefits of Web Standards to your visitors, your clients and you!
The Business Benefits of Web Standards
The Business Value of Web Standards
The benefits of web standards
E muitos outros via Google :)

o[>_<]o
[Lutando por WaSP]

Acessibilidade em 30 dias

2004-05-22T09:05:00.000-03:00

Essa é a proposta do e-book Dive Into Accessibility:

Este livro responde a duas perguntas. A primeira pergunta é: "Porque devo fazer meu Web site mais acessível?", se você não tiver um Web site, este livro não é para você. A segunda pergunta é: "Como posso fazer meu Web site mais acessível?", se você não for convencido pela primeira resposta, você não estará interessado na segunda.

Eu recomendo baixar o PDF e imprimir, afinal de contas é mais uma fonte de informação preciosa e gratuita.

Já vou começar a fazer a lição do 16º dia e remover todos os target = "_blank" do meu blog :)

o[€_€]o
[Lutando por WaSP]

Validadores de Sites

2004-05-19T18:10:00.000-03:00

Um dos objetivos de quem conhece e trabalha com Web Standards é passar pelos validadores de sites. A W3C possui o W3C Validator, que valida quanto ao padrão da linguagem (CSS, HTML, xHTML etc.).

O Accessibility Valet Demonstrator valida quanto a Acessibilidade, assim como a Cyntia Say e o DaSilva, que é a versão tupiniquim de avaliação de acessibilidade. Coisa de Inclusão Digital!

Se quiser saber mais sobre como deixar a sua página em conformidade com os padrões, não deixe de ler W3C em 7 pontos e como aprimorar facilmente seu sítio web, ambos traduzidos.

o[-_-]o
[Lutando por WaSP]

Separando conteúdo de apresentação

2004-05-19T13:00:00.000-03:00

Um grande dilema do Web Designer é saber realmente qual a sua responsabilidade. Preparar conteúdo ou se preocupar com a apresentação? Claro que as duas, mas não precisa ser no mesmo momento, né? É o que mostra este artigo Separation: The Web Designer’s Dilemma do Michael Cohen.

Vale a leitura!

o[D_D]o
[ Lutando por WaSP ]

Livro do Zeldman

2004-05-06T00:52:00.000-03:00

Um livro que está na minha lista de aquisição é: Jeffrey Zeldman: Designing With Web Standards (Indianapolis: New Riders, 2003) e que já tem versão em português.

Boa leitura!

o[$_$]o
[ Lutando por WaSP ]

Tudo é possível sem tabelas?!

2004-05-04T22:20:00.000-03:00

Fantástico!!!

Hoje consegui fazer ABAS sem o uso de tabelas. A cada dia fico mais encantado com o poder do CSS. Que venham os FORMS.

Referência:
Go left. Go right. Stay in line.
Sliding Doors of CSS
Cross-Browser CSS Tabs With Rollover

o["_"]o
[ Lutando por WaSP ]

Comecei a implementar

2004-04-28T14:06:00.000-03:00

Eu estou fazendo as modificações gradativamente e comecei pela elaboração de um template para sistemas web. O sitio que contém a tela de trabalho é Aqui se faz WaSP.

o[^_^]o
[ Lutando por WaSP ]

Ponta-pé inicial

2004-04-24T14:27:00.000-03:00

No meu primeiro post, quero indicar alguns elos indispensáveis na luta por WaSP. São eles:

Projeto Web Standards
Tableless.Com.Br
CSS para WebDesign
Developing With Web Standards

esses me levaram a diversos outros sitios e não devem ficar sem a sua visita diária.

o['_']o
[ Lutando por WaSP ]