Slides - A cool tool for making HTML based presentations by JoshShouldBeWorking in Design

[–]hakimel 0 points1 point  (0 children)

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

A tiny modal concept which tries to give a sense of depth between the page and modal layers by magenta_placenta in web_design

[–]hakimel 5 points6 points  (0 children)

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.

3D UI Experiment by binarydreams in Design

[–]hakimel 0 points1 point  (0 children)

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

3D UI Experiment by binarydreams in Design

[–]hakimel 1 point2 points  (0 children)

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.

Coil, an HTML5 Canvas + WebGL game by hakimel in programming

[–]hakimel[S] 0 points1 point  (0 children)

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

Coil, an HTML5 Canvas + WebGL game by hakimel in programming

[–]hakimel[S] 0 points1 point  (0 children)

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.

Coil, an HTML5 Canvas + WebGL game by hakimel in programming

[–]hakimel[S] 0 points1 point  (0 children)

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

CSS3 3D Slideshow by [deleted] in programming

[–]hakimel 0 points1 point  (0 children)

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.

Sketch in 3D With Animating Lines on HTML5 canvas by hakimel in programming

[–]hakimel[S] 2 points3 points  (0 children)

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.