Comments on: Spinning the Web

By: Eric Meyer

Eric Meyer — Mon, 25 Jun 2012 20:22:28 +0000

Very cool, Bojan—thank you so much for creating it and publishing it for others to use! (And for the link back, too.)

By: Bojan Bjelic

Bojan Bjelic — Mon, 25 Jun 2012 14:50:40 +0000

Hi, played around and created the bookmarklet based on your idea, seen a couple of guys in the comments asking about it as well. Here's the link to the my blog post, and to GitHub. Eric - I've written that this is based on your idea, let me know if this is all right with you. Cheers, Bojan

By: Doster

Doster — Tue, 23 Aug 2011 05:41:28 +0000

Really beautiful Eric! Definitely this is art! Are you considering release the code?

By: fipe

fipe — Sat, 18 Jun 2011 11:21:44 +0000

Awesome work. It’s getting to the point where i’m starting to wonder where we’d be without CSS.
I shall be using them as wallpapers, many thanks.

By: Dave

Dave — Tue, 14 Jun 2011 15:01:51 +0000

Great work. It’s incredible the control you have over a pages’ content using CSS – I’ve never used the transform function for anything before but I may have a tinker with this now! :)

By: Friday Focus 06/10/11: Three ways to 3D | Devlounge

Friday Focus 06/10/11: Three ways to 3D | Devlounge — Fri, 10 Jun 2011 13:05:23 +0000

[...] – Spinning the Web “What I’m doing here is using some basic CSS to generate art, using web sites as the [...]

By: Eric Meyer

Eric Meyer — Wed, 08 Jun 2011 15:03:59 +0000

Dan, the "chopping" you see occurs either because elements overlap each other, or because an element's parent is set to overflow: hidden and parts of the element rotate into the overflow area. I saw some fascinating results where things lined up just so, like in microsoft3.

By: Dan Freeman

Dan Freeman — Wed, 08 Jun 2011 14:18:39 +0000

Great stuff here. I get the transforming/rotating, but how are you chopping images up? It looks like there are pieces transformed that aren’t the full image.

By: Some links for light reading (8/6/11) | Max Design

Some links for light reading (8/6/11) | Max Design — Wed, 08 Jun 2011 05:49:14 +0000

[...] Spinning the Web [...]

By: Eric Meyer

Eric Meyer — Fri, 03 Jun 2011 20:41:50 +0000

Feel free to use any of them for that purpose, Tim! In fact, I’ll update the post to make that an open offer.

By: Tim Shortt

Tim Shortt — Fri, 03 Jun 2011 20:29:00 +0000

Some of these actually make pretty good desktop wallpapers too (in addition to this just being fun and interesting).

By: André Luís

André Luís — Fri, 03 Jun 2011 16:08:57 +0000

What’s that I hear? Is it a bookmarklet baking in the oven?

Great gallery, Eric.

By: Eric Meyer

Eric Meyer — Fri, 03 Jun 2011 15:35:38 +0000

That’s pretty much what I did, Rob, at least the bookmarklet bit. I apply the transform to the body and all descendants instead of random elements, but having the transform apply to random elements (instead of all of them) is one of the variants I’ve considered.

By: Rob L.

Rob L. — Fri, 03 Jun 2011 15:31:10 +0000

I really enjoyed looking at these!

So, it sounds like just manually applied rotate transforms to specific elements via Firebug/Web Inspector? If you haven’t done it already, this weekend I may be tempted to write a bookmarklet to randomly fetch DOM elements and rotate them by random amounts, so you can just run it repeatedly until you like the output…