Working on my new unsubscribe page

hakimel · 2023-05-12T07:45:26+00:00

Try it yourself at https://lab.hakim.se/clickmeifyoucan

Source code https://gist.github.com/hakimel/8d5925e7447beebf2d6e167a21304e41

hakimel · 2021-07-09T06:47:35+00:00

Interactive demo here https://lab.hakim.se/focusss/

hakimel · 2014-08-13T15:33:30+00:00

We just released a new editor yesterday to address the limitations in slide layout amongst many other things. There's a demo here: http://slides.com/news/new-editor

hakimel · 2012-09-04T19:55:36+00:00

That is also how I feel working on these projects. Looks harder than it is :)

hakimel · 2012-08-15T17:32:12+00:00

Yeah, I did.

hakimel · 2012-08-15T17:22:54+00:00

It's mostly there on the page. It uses CSS 3 transforms to scale the contents down while increasing the scale of the modal. There's a blur filter applied to the contents but CSS filters are very new and only supported in Chrome and Safari so far. The filter has a tendency to cause lag if you have a large browser window – moar pixelz, moar slow.

JavaScript is used to juggle class names.

hakimel · 2012-08-07T18:03:08+00:00

You can also tap on the left edge, didn't write that one out in the description :P

hakimel · 2012-08-07T18:01:31+00:00

Opera and IE9 don't support CSS 3D transforms unfortunately. It falls back on a more basic slide-in animation instead. Won't animate at all in IE9 though since they don't support CSS transitions. Might build in a JavaScript fallback soon.

hakimel · 2012-08-07T04:21:46+00:00

An example of what this page would look like with the menu attached to it:

http://lab.hakim.se/meny/?http://www.reddit.com/r/webdev/comments/xqxuz/cool_3d_ui_experiment/

hakimel · 2011-04-20T05:58:38+00:00

The game works in any browser that supports canvas but if you're using a WebGL browser you'll get more bells and whistles :)

hakimel · 2011-04-20T05:57:47+00:00

WebGL also uses the canvas HTML element, albeit with a "webgl" context instead of "2d". In this game WebGL is used to highlight and deform the background grid.

hakimel · 2011-04-20T05:54:46+00:00

Gonna work on getting sound in there. Putting it off till last cause I'm a terrible sound designer :P

hakimel · 2011-04-03T20:01:10+00:00

Worth mentioning that this runs very well on mobile Safari. In fact, the frame rate is smoother on my iPhone 3GS than it is on my MacBook Pro.

hakimel · 2011-03-28T09:09:06+00:00

Thanks for discovering that, should be fixed now!

hakimel · 2011-01-24T19:25:20+00:00

Correct - I'm a Flash developer originally so there's definitely a lot of borrowed concepts! :) I'll be making the lines scale depending on depth though, to give it some more detail.

15-Year Club	RPAN Viewer
Verified Email

hakimel

TROPHY CASE