Comments on: Román Cortés and Ajaxian make up with amazing CSS demos

By: Taradale

Taradale — Tue, 23 Feb 2010 13:35:20 +0000

I got an answer to my question:
In Windows 7, the scrollbar is 1px wider, and you just need to add 1px in height to make the demo working.
#ra {height: 318px;}
It’s undetectable in Windows XP

Taradale

By: Taradale

Taradale — Tue, 23 Feb 2010 11:02:53 +0000

Very nice demos.
Specially Sliding and Slicing that I’ve adapted for my needs on my blog, with a link to yours of course.
It works with Firefox, Chrome, Opera, Safari, IE8, even IE7, with a little change, with Windows XP Operating System.
But a friend of mine, who already got Windows 7, reports an error to me. The trouble is an horrible vertical scrolling bar breaking the demo, and appearing whatever browser you use…
Has anyone tested these demos with Windows 7?
Trouble with a .dll, an api????
Any idea?

Thanks for the answer,
Taradale

By: jestelle

jestelle — Thu, 11 Feb 2010 06:20:03 +0000

I also find these demos incredibly cool, but someone help me understand why they’re important? I don’t doubt they are, but its unclear to me exactly what we gain by only using CSS. Are we just demonstrating the power of CSS? Or is there more to it?

Thanks,
Josh

By: Joeri

Joeri — Wed, 10 Feb 2010 09:50:04 +0000

@starkraving: with clever use of :hover styles, you could probably even find a way to make a “mouse over zooms” action work without javascript.

By: starkraving

starkraving — Tue, 09 Feb 2010 22:20:18 +0000

@Sembiance,

Imagine these examples as the “gracefully degraded” versions. Using these as a base you could add a smattering of javascript on top of them that would hide the scrollbars and work on mouse move or mouse drag. In particular, that beveled “a” could be applied to some sort of image magnifying glass or something, for zooming into spots of an image. And since the underlying technology is pure CSS, the basic approach would still hold water even without javascript enabled.

Brilliant stuff, two thumbs up!

By: Sembiance

Sembiance — Tue, 09 Feb 2010 18:31:27 +0000

I was very impressed by the initial coke-can CSS trick. These demos are also quite impressive.

Sadly however they all seem to focus around the user scrolling a scrollbar to work.

So as awesome as they are too look at and admire the technology behind them, they don’t seem very practical :(

By: functionform

functionform — Mon, 08 Feb 2010 20:56:34 +0000

Officially impressed.

By: iliad

iliad — Mon, 08 Feb 2010 17:07:56 +0000

I’m gonna be digging into the source code of these because this stuff is mind-blowing! Kudos Román.

By: kow

kow — Mon, 08 Feb 2010 14:19:34 +0000

What comes next? Quake in pure CSS? Just kidding, well done Román, amazing stuff and skills.