Esta bela paisagem foi desenhada usando apenas código CSS

A imagem que ilustra este artigo não é uma foto nem uma ilustração no sentido clássico da palavra. Essa bucólica paisagem foi criada integralmente usando folhas de código CSS. Se você não está familiarizado com o termo, CSS é a sigla para Cascading Style Sheets (Folha de Estilo em Cascata), um mecanismo que permite adicionar estilos, como cores, fontes, espaçamentos, entre outros a um documento da web. O autor da imagem, Ben Evans, programou cada elemento com linhas de código e, de fato, modificar a imagem é tão simples como reescrevê-la.

Ben Evans é um veterano designs de sites com uma pasta de clientes que incluem empresas tão grandes como a Disney. Em seus momentos livres, ele pesquisa pequenos novos projetos como esta ilustração cujo processo completo pode ser apreciado neste vídeo.

Se você for programador e ficou interessado em saber mais como foi criado a imagem, nesta página é possível revisar todo seu código, linha a linha e até traduzido a HTML e Javascript. Em CSS são 4.413 linhas de código.

Não é a primeira vez que Evans nos surpreende com trabalhos como este. Ainda que nem de longe seus trabalho anteriores foram tão complexos como a paisagem que acaba de publicar. Seu canal do YouTube também é um interessante recurso para programadores de sites. Neste outro vídeo ele marca um retrato de sua filha em CSS que parece quase bruxaria.

Temos um novo patrocínio em forma de anúncios por pelo menos 3 meses. A propaganda vai ser um pouco invasiva, mas essa foi a única forma que consegui para fazer frente aos custos do MDig. De fato, nos últimos 6 meses eu tive que ferrar com a minha poupança para manter o site on-line. Obrigado de coração a todos aqueles que nos ajudaram neesa travessia complicada! Agora, com uj pouco de calma vou publicar uma lista de todos. Obrigado!