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.

Desculpe, mas temos um pequeno favor a pedir. Milhares de pessoas chegam ao MDig a cada dia em busca de vídeos divertidos, histórias exclusivas, fotoséries bacanas e notícias abertas, independentes, de qualidade e sem viés ideológico. Nestes tempos desgraçados, um site independente e em busca de manter o respeito com a verdade, como o MDig, é essencial.

Mesmo em meio a crise econômica resultante da pandemia do coronavírus, o MDig nunca vai abandonar sua linha editorial, mantendo seus artigos abertos a todos, ainda que, às vezes, somos obrigados a relatar notícias ruins. É verdade! É bom só ler "notícia boa", mas isto aprofunda ainda mais o problema das bolhas de conforto, criadas irresponsavelmente pelas redes sociais, onde todos, com aparências deslumbrantes, vivem em Nárnia.

Não temos acionistas, somos hoje 5 pessoas totalmente "comprometidas" e livres de influência comercial e política. Se há um momento para se juntar a nós, é agora. Seu financiamento protege nossa independência e garante que possamos permanecer abertos para todos. Você pode nos apoiar durante esses tempos desafiadores e possibilitar um impacto no mundo de muitas pessoas.

De fato, se não conseguirmos fazer frente aos custos este mês, vamos ter que encerrar as atividades, porque o nosso único meio de monetização é a propaganda, que despencou uns 80% desde março. Sério! A simples perspectiva de ter que encerrar um projeto de 16 anos de dedicação simplesmente é de cortar o coração.

Cada contribuição, seja grande ou pequena, faz uma diferença real para o nosso futuro. Por favor, apóie o MDig com o valor que você puder e isso leva apenas um minuto. Obrigado!

Meios de fazer a sua contribuição:

1. Faça um doação pelo Paypal clicando no seguinte link: Apoiar o MDig.
2. Seja nosso patrão no Patreon clicando no seguinte link: Patreon do MDig.
3. Pix MDig ID: c048e5ac-0172-45ed-b26a-910f9f4b1d0a
4. Depósito direto em conta corrente do Banco do Brasil: Agência: 3543-2 / Conta corrente: 17364-9
5. Depósito direto em conta corrente da Caixa Econômica: Agência: 1637 / Conta corrente: 1061-3 / Operação: 023