Avgrund: a modal concept, designed to show depth

[ujeezy]

http://lab.hakim.se/avgrund/

[gizzlon]

Wow, that guy have some cool experiments: http://hakim.se/experiments

[peteretep]

This is very pretty, but I've never met a modal dialogue box on the web that wasn't incredibly irritating and could have been done better in the interface itself.

[harlanlewis → peteretep]

I've never said this to anyone, but it sounds like you need to spend more time exploring the internet.

[lukifer]

Definitely an improvement over the standard, and looks like it should degrade gracefully on old browsers. I can't help but wonder if fixed/absolute elements might not break the illusion, so beware. But still, (yet another) nice job from Hakim!

[quarterto]

Cool concept, but very, very slow (c. 4fps) with Chrome 22 on a Core 2 Quad.

[moconnor → quarterto]

Smooth and slick on my iPad; depends on support for hardware transforms.

[quarterto → moconnor]

It's a combination of the blur filter, a huge monitor, and integrated graphics. With blur turned off or the window resized, it's much smoother.

[keithpeter → quarterto]

On my old Thinkpad X200 with Ubuntu/Intel graphics.

Firefox 14. Smooth transition lasting about 1 second. The smoothness suggests more than 4fps. The text within the modal window 'jitters' or 'shuffles' slightly after the transition has completed, as if it is kerning or loading a font.

Chrome 21 (stable for Ubuntu/Debian) much less smooth, quite jerky. The font 'jitter' isn't there.

[lukifer → quarterto]

Strange, it's butter-smooth for me on Chrome 21 and Chrome 23 Canary. (MacBook Pro i7)

[aoprisan → lukifer]

really? it's strange to you that it's smooth on an i7? If it wasn't smooth on an i7, what would it be smooth on?

[lukifer → aoprisan]

Older version of Chrome was the strange part. I was assuming effects were getting offloaded to GPU.

[cfontes → quarterto]

I liked the concept a lot, would definitely use it... but on Chrome 21 + Windows it's really, really slow, looks like it's rendering a 3D model.

[emidln → quarterto]

Seems smooth on a galaxy nexus with chrome 18

[t4nkd]

I thought this was really cool, but couldn't find a repo for this anywhere. Instead of relying on his demo to exist forever, I've moved all his code(minus analytics and sharing) into a github repo here: https://github.com/jonpaul/avgrund-demo

Agreed, really cool concept, but a bit slow. I like where his head is at, though, very cool.

[csytan → t4nkd]

Your intentions may be pure, but I think it's a bad idea to copy unlicensed code into a public repo, especially without the author's permission.

[casr → csytan]

It would appear to already have a licence.

  /*!
   * avgrund 0.1
   * http://lab.hakim.se/avgrund
   * MIT licensed
   *
   * Created by Hakim El Hattab, http://hakim.se
   */

[t4nkd → casr]

Which I would appear to be in compliance with :D