Categories: CSSTestestodas

Teste seu conhecimento está de volta

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

Maujor

Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por Web Standards e desenvolvo o site de tutoriais CSS para Web Design.

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

9 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

10 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago