Category Archives: Internet

Bg_img Hollo

I was asked by Andrea Magnani to create a piece of work for a new project of his called Hollo, a website hosting a collection of designs to be printed, on demand, to pieces of furniture. This is it. This edition of Bg_img takes the form of a piece of furniture.

The pattern for this design is a collage of the background gradients of more than 50 websites. The gradient background image is a .jpg typically 1 or 2 pixels wide and approaching a thousand long, repeated along the x-axis. It is also approaching the status of anomaly; it would be in danger of extinction were it not for the garish non-compliant CSS quirks of Internet Explorer. Where otherwise the background image has become more refined, shifting from early rough textures and garish psychedelia to the smoother, more polished surface of the gradient, the gradient itself – the high waterline of Modernism and web-design – is in the process of being usurped by a few lines of CSS code. This Bg_img acts as monument and archive to the gradient as both object and ornament.

Also posted in Art, News | Tagged , , | Leave a comment

Bg_img Nature

Websites styled as a sheet of paper on a long scrolling desktop make for an uncomfortable ride. Inverting the desk by 90 degrees to have it display on a screen invokes an odd, gravity defying, sensation of queasiness. Making a site that resembles a virtual work area by wrapping every part of it in heavy physical metaphor dulls the mind as it repeatedly bangs its head against the outer extremities of literalness.

The desk is usually styled in one of two ways. First is the tidy workspace, second is the untidy one. The first has hard, heavily grained wood between the <body> tags. Paper is laid square in the centre with a hint of drop shadow, the font is most likely Courier to replicate a type writer. Second is a lighter wood and has a separate <header> image probably with mugs, pens, keys and coffee stains. The paper may have a rough edge to indicate a tear and mostly likely one of the corners is dog-eared. Again, there is a hint of drop shadow. Items in the sidebar tend to be represented by post-it notes. There will also be liberal use of a file called paperclip.png and the font should be Comic Sans, but isn’t.

Both desk types are intended to be representative of a singular and private space. A space where the author is shooting from the hip while simultaneously being the place they slave over their masterpiece – a space where the magic happens. Occasionally there will be a polished gem, but your semiotic spider sense should be warning you that this is a site by someone who likes to show their working. You will have a long wait.

My suggestion is that you leave your desk, that you stretch your legs and that you go outside, metaphorically off course. The great expanses of nature, the sky; the sea and the sweeping meadow don’t replicate so well on the internet. Even when tiled to infinity they are flattened and not remotely romantic. The wild unpredictable patterns of nature are contained within a repeated .jpg Photoshopped with a 50% offset. That said, they have their own kind of kaleidoscopic beauty that abstracts and orders in equal measure. Take a deep breath, loose yourself in nature, download it here.

Posted in Internet | Tagged , , | Leave a comment

Bg_img tile

Click here for PDF.

Posted in Internet | Tagged , , , , | Leave a comment

Bg_img tumblr

The PDF edition of Bg_img is taking a 1 month sabbatical. In its place, bg_img tumblr. The site will be a dumping ground for some of the more interesting and noteworthy background images I come across during future surfing sessions and perhaps a better way of organising some of the several thousand I have collected already. Thematically it will probably be quite chaotic and added to as and when; I’ll leave attempts at organisation for the PDF’s and then ultimately when the planets are aligned correctly, the book.

One of the benefits of doing things this way is that the backgrounds are presented on screen; so you see them in their original context and you read them as empty spaces as well as formal compositions. The other cool thing is that I can showcase some of the animated backgrounds. Nothing beats looking at animated stars tiled across the screen, trust me. Thirdly, clicking on the link at the bottom of the page (usually) takes you to the background in its original context. A white box with text in it can spoil anything, content is noise.

Also posted in Art | Tagged , , | Leave a comment

Bg_img curtains

Curtains. Two decorative stripes of colour either side of an area left empty for content. Typically the central area – the window – is host to the site content with the adjacent columns doubling as either a home for a sidebar or left empty as the site background. Where these differ from traditional backgrounds is that they paint the whole template of the page with one block image. This establishes a rigid semantic link between the image and the content that it hosts. The background becomes in equal parts decoration and definition. The otherwise abstract geometry of the image is built within the framework of an absent graphical user interface which means looking at the background image independently will liberate it of its functionality but not of its context. This in turn means the central area – the window – can never be seen as anything other than a void, albeit an active one. The decorated areas, those framing the window on either side, are the curtains. There is quite possibly a proper or more accurate name for this kind of layout, but I have yet to find it.

The latest edition of Bg_img brings together a collection of 20 of these images that were collected during my travels around the web. It may just be coincidence, but in my experience, when a website has this kind of background image, it is usually considerably more interesting than the content on top of it. Bg_img Curtains, available to download now.

Posted in Internet | Tagged , | Leave a comment

Bg_img stripe

Bg_img stripe is now available to download. The image above is an approximate composite of the average pattern, colour and direction of striped background within the 20 included samples. Once again each image is selected at random from an ongoing and much larger collection and curated in to it on a mixture of whim and aesthetic difference. Factoring in the mood I may have been in the day it was compiled, it is safe to assume that the selections are as arbitrary and representative as possible. The generic striped background is made up of 3 colours at a 39 degree angle with 4 stripes per repetition. The base or dominant colour is white with light grey and light blue stripes.

Plate Colours Stripes Base colour Gradient Direction 1 Direction 2 Direction 3 Weave Anti-aliased File
1 2 2 pink n 45 n y gif
2 2 6 white n 45 -45 n n gif
3 3 3 white n 45 n n gif
4 2 2 black n horizontal n n gif
5 2 2 mid grey n 45 n n unknown
6 2 2 light blue n 22.5 n y gif
7 2 2 red n -45 n n jpg
8 2 2 white n 45 n n gif
9 3 4 white n 45 n y gif
10 2 2 light blue n 45 n y gif
11 15 22 purple n vertical n n png
12 2 2 white n 45 n n gif
13 2 2 mid grey n vertical n y png
14 2 2 dark blue n 45 n n png
15 4 5 white n horizontal vertical 45 y n png
16 2 2 white n 45 -45 n n gif
17 2 2 white n horizontal n n gif
18 2 2 white n -45 n n gif
19 4 8 light blue n horizontal vertical y y png
20 2 2 white y 45 n n jpg
Posted in Internet | Tagged , | Leave a comment

Wallpaper as pioneering model of distribution

Windows 98 shipped with a default teal desktop background. When looking at the history of art on the internet, not Gombrich or Greenberg, but early adopting artists who used it as a tool to disseminate their work, one denominator is common – the link offering a desktop wallpaper for download. The desire for a personalised work space is understandable, but more interesting is the opportunity that was sought to embrace a new model of distribution. Webrings and Alta Vista searches meant that anyone interested could see your work. Right-clicking meant anyone could own it. Martin Dace offers the following instructions:

“Apple Mac OSX: save the picture to a folder on your hard disk. If you already have a folder set up for desktop pictures save it there. From the Apple menu select System Preferences and then click on Desktop and Screen Saver. Click on Choose Folder and choose the folder to which you have saved the picture. In the drop-down dialogue pick Center. As they say in Germany, gesagt, getan.
Windows (most versions): right-click on the picture and select Save as Wallpaper. It’s probably as well to save it in another folder also, in case it gets overwritten next time you change your desktop wallpaper. To access the desktop settings, go to the desktop icon in the control panel, which is accessed from the startup menu. Select Center to position the image.”

Posted in Internet | Tagged , , , | Leave a comment

1 revolution of momentary sainthood

Also posted in Video | Leave a comment

Bg_img gradient

Bg_img gradient is now available to download. Each gradient was chosen randomly from a much larger collection based on various criteria, but mainly because they were different and distinctive from the one previous and a good example of the different types of gradient filling the body tags of websites the world over. Assuming that the images in it represent an accurate cross-section of the background gradients out there, the above chart illustrates the percentage breakdown of the different file types they have been saved to. Half the world’s gradients are in jpg format.

Posted in Internet | Tagged , , | Leave a comment

The feelings I bury when I like immaterially

Liking on the internet is rarely an unqualified act. In language the word can be used as a noun, verb, adverb, adjective, preposition, particle, conjunction, hedge, interjection or quotative. There is plenty of stuff that I have come across while surfing and given the option kind of liked, sort of liked or liked a lot. There is a lot of stuff that I have liked and loved, more that I have liked ambivalently and some that I have liked reciprocally or even by way of remembering. Online it has an equally flexible range. There is nuance to the way I click a heart and refinement to the way I give a thumbs up. Not until the heart is pressure sensitive and varies in shade from deep crimson to pale pink or the thumbs up judge my handshake firm or limp can you really know. Until then social media remains the Valley Girl of the web.

Also posted in Text | Tagged , | Leave a comment

Bg_img texture

Click here for pdf.

Posted in Internet | Tagged , | Leave a comment

Untitled painting 3

Also posted in Art | Tagged , , , | Leave a comment

Untitled painting 2

Also posted in Art | Tagged , , , , | Leave a comment

Bg_img stars

[book id=’1′ /]

Click here for pdf version.

Posted in Internet | Tagged , , | Leave a comment

Bg_image a sampler

Click here for pdf (part 1)

Posted in Internet | Leave a comment

Pancakes for the saint of Broadway

The halo represents an aura or glow of sanctity. The most iconic halo – plain, round and in outline only has over the of the history of art been drawn encircling the heads of the Virgin Mary, Old Testament prophets, the Four Evangelists as well as numerous saints and angels to distinguish them as the main identifiable figures within a painting. In the earliest Christian art, the halo was the reserve of the Christ figure, but during the Byzantine era, they were also afforded to emperors and empresses. The stipulation however was that the halo be in outline only. The solid halo, often in gold and with a cross extending beyond it, by way of hierarchy, was to be reserved only for persons of the Holy Trinity, especially Jesus.

The Catholic interpretation is that the halo represents the light of divine grace suffusing the soul, which is perfectly united and in harmony with the physical body. However it was also widely believed in popular piety that rather than a device of metaphorical representation, saints had visible haloes around their heads. This stemmed from the belief that haloes, like the aura of some Eastern religions, are visible to those with perception.

During the renaissance, as the development of highly realistic linear perspective opened up the 3rd dimension and allowed for greater compositional flexibility in art, painting came to be regarded as a window into space and the depiction of haloes became increasingly problematic for artists. The flatness of previous religious iconography determined that the halo be depicted as an aura surrounding the head; now with perspective, they were re-imagined as rings or flat golden disks floating above the heads of saints.

Looking for a tool to assist the navigation of the pseudo-spaces of Street View, Google developed a lightly shaded cursor geometry known affectionately as the “pancake”. The pancake is rectangular when moving across the façades of buildings and oval when following a road. Both shapes contort to fit the perspective of the scene giving an extra sense of depth as the mouse is moved around. This, like the painting of the renaissance, serves to emphasise the window into space metaphor of the embed that holds the panorama.

Double clicking the pancake takes you directly to the best panorama in that particular direction. Sometimes a little magnifying glass will appear in the bottom right corner, this is to indicate that double clicking will zoom in on the current image rather than transport you to another location. This happens when Google determine that the current view is the best for the selected location.

The pancake floats independently and democratically above the heads of everyone and everything. It is both a navigational tool and a metaphorical representation disappearing after 3 seconds of mouse inactivity. It rewards those that it hovers above with a glow of sanctity for about as long as it takes to read this sentence.

Also posted in Text | Tagged , , , , , | Leave a comment