Teste seu conhecimento 06

Teste seus conhecimentos está de volta.

Estou reconsiderando minha decisão de não mais publicar a série “Teste seus Conhecimentos”. Recebi e continuo recebendo muitos emails com pedidos para não parar de publicar os desafios da Série. Em consideração aos meus leitores e em nome da divulgação de conhecimentos que são minhas primeiras prioridades vou continuar, não sem antes tecer alguns comentários e conclusões a respeito.

Publicar o nome dos que resolvem o desafio

A idéia aqui era a de incentivar e motivar a procura da solução “premiando” quem encontrasse a solução com a publicação do seu nome.

Lamentavelmente isto não funciona da forma idealizada. Copiar uma solução existente sem ter a mínima noção do que está fazendo, para ter seu nome publicado é uma tentação para uns poucos incapazes com necessidade de afirmação.
Assim, não haverá mais a lista de nomes dos que resolvem o desafio.

Estes desafios são uma bobagem

Recebo emails de leitores indignados com os testes propostos nos desafios e pedindo para não mais publicar “estas barbaridades”.

Alegam estes leitores, que os códigos não são acessíveis, não são semânticos, contrariam isto e aquilo das Web Standards.
Vocês querem saber qual a minha opinião a respeito? Eu também acho isto tudo e concordo com estas colocações mas, não entendo a falta de visão destes que assim argumentam. Será que não dá para perceber que estes desafios visam a desenvolver habilidades no trato com a dupla (X)HTML + CSS, fixando conceitos e descobrindo modos e maneiras de obter efeitos? Ora bolas! Faça-me um favor quem tiver procurando semântica nos desafios. Passe longe! Vá explorar o site do W3C!

Tabuleiro de xadrez com CSS

Este desafio consiste em reproduzir o tabuleiro de xadrez mostrado na figura acima usando somente (X)HTML + CSS. Proibido o uso de imagem. A solução deve funcionar em navegadores Standards como Firefox e Opera. Internet Explorer pode ficar fora!

Caso você queira usar as mesmas cores que eu usei aqui vão elas:

• Pano verde: #006935;
• Borda do tabuleiro: #bb8330; (estilo:ridge)
• Casas claras : #f3ba60;
• Casas escuras: ##8e5354;
• Peças brancas : #fff;
• Peças escuras: #000;

Se você tem um espaço na Internet e quiser hospedar sua solução, publique o endereço nos comentários desta matéria. Assim, quem não conseguir solucionar poderá consultar sua solução e não creio que alguém irá ser ingênuo o suficiente para copiar uma solução pronta e publicar como sua.

A minha solução será publicada daqui a uns 30 dias