What is a “picture drawn in code” that looks different for each browser?



'

Pure.CSS ' is a CSS framework developed by Yahoo! and is popular for its lightweight files and responsive design. “Painting” drawn using such Pure.CSS has become a hot topic when it looks different depending on the browser being displayed.

This Amazing Image Made of Code Looks Different Based on Your Browser-VICE
https://www.vice.com/en_us/article/a359vz/purecss-amazing-image-made-of-code-looks-different-based-on-your-browser

Digital artist Diana Smith is known for drawing works inspired by Baroque painting . One of the big features of Mr. Smith is that he uses Pure.CSS instead of the actual canvas and drawing software to draw.

The following pages are published by 'Technical Media Motherboard' as a 'web page' of the work created by Smith. When you open the link, you can see that the work was actually rendered on the browser based on the source code, not an image file such as JPEG or PNG.

PureCSS Lace
https://diana-adrianne.com/purecss-lace/

The work titled ' PureCSS Lace ' actually looks different for each browser. For example, if you open it in Chrome , you can see a painting with a lace behind a woman wearing a necklace as follows:



When you view the source code, you can see that this painting is not an image file, but is drawn by Pure.CSS code.



When the same web page is displayed on Microsoft's

Edge , the woman's necklace disappears for some reason, and the overall impression is smooth.



On the other hand, it looks like this when opened in

Safari . The frills of the lace appear on the front and I can't see the woman's face.



Also, Opera 's version released in 2014 displays paintings that look like cubism .



When displayed in Firefox , the picture looks very similar to that displayed in Chrome, but you can see that there are clear differences in the color of the eyes and lips.



In

Netscape Navigator , the latest version was released in 1998, it was displayed with almost no original model .



Smith said, “Due to the artistic nature of this project, I'm not interested in compatibility between browsers. So I open it in a browser other than Chrome. It will look like it can be laughed. '

In addition, Mr. Smith has been painting with Pure.CSS since 2018, and 'Painting that looks different for each browser' has been a topic in the past.

A fierce person drawing a picture with HTML / CSS is releasing a work-gigazine



Related Posts:

in Software,   Web Service,   Design,   Art, Posted by log1h_ik