top of page
Foto do escritorClara Reindust

Painting With Code: A UI Engineer Diana Smith cria retratos de inspiração barroca com CSS


Com pouco mais que um editor de texto - e anos de experiência como desenvolvedor web - a engenheira de interface do usuário Diana Adrianne Smith cria retratos de inspiração flamenga e barroca usando #HTML e #CSS, as duas principais linguagens de marcação de apresentação projetadas para exibir páginas da web. Os retratos preenchem milhares de linhas de código, e Smith possui uma regra rigorosa que deixa esse ex-desenvolvedor da #Web um pouco perplexo: todos os elementos devem ser digitados manualmente. Isso significa que ela não depende de bibliotecas, atalhos ou algum tipo de editor visual. Em vez disso, essas imagens são escritas em parte como um ensaio, com o que posso apenas imaginar é uma quantidade razoável de tentativa e erro.


A solução de problemas com as complexidades dos problemas de CSS ou HTML pode impedir até mesmo um bom #desenvolvedor por horas, quanto mais formar colares de pérolas, penteados, expressões faciais e colares de renda. Via #Twitter Smith diz que terminou sua peça mais recente em um período de dois finais de semana. Os designs foram criados para visualização no navegador #Chrome do #Google, mas o Firefox parece fazer um ótimo trabalho também. Sua milhagem pode variar usando qualquer outra coisa. Aqui está outro trabalho do ano passado, intitulado Pure CSS #Francine.


Uma parte das 1.968 linhas do código CSS Smith escreveu para criar o retrato acima.





34 visualizações

Posts recentes

Ver tudo

Comments


bottom of page