Pure CSS 3D effect

Re:Pure CSS 3D effect by axod on Monday December 14, 2009 @05:20PM (#995276)

As far as I can see,

  * Create a load of vertical elements, some overlapping.
  * on each one, have a hover css rule that adjusts the background position
    of various things.

Clever, not sure why it's better than just using javascript though.

[ Parent | on HN ]

Re:Pure CSS 3D effect by cmgarcia on Monday December 14, 2009 @06:18PM (#995395)

I couldn't read the non-English portion of the post, but I took it only for the face value; being clever. Not necessarily better.

[ Parent | on HN ]

[deleted]

Re:Pure CSS 3D effect by axod on Monday December 14, 2009 @05:42PM (#995324)

>> "Because if the elements are images, they can be cached locally or called remotely -- thus speeding up the process of zoom in real-time."

Can you explain that a bit more, I don't understand at all what you're saying.

CSS: Create a ton of elements to have a :hover style that adjusts the background image positions.

JS: use a mouseover handler and adjust the background image positions. No need for all those extra elements and :hover rules.

>> "there's nothing that JavaScript can do that CSS can't do better."

I'm not really sure if you're joking here or what.

[ Parent | on HN ]

Re:Pure CSS 3D effect by indiejade on Monday December 14, 2009 @07:19PM (#995494)

I'm actually in no position to be arguing this, but it comes up perpetually within communities. I don't have a CS degree, but I've been working with code for . . . well, I don't want to date the age of myself.

I don't like JavaScript. It's too garrulous, periphrastic, and it behaves like a puppet "director" attempting to recursively "show" the user where to look or go "next" on a page. Whenever I see JavaScript pages/ Django "hints" I'm like "SHUT UP!" I'm not an idiot. Most people are not as stupid as you're attempting to make them seem with those annoying little "hints."

Why not use design and fonts and style to "capture" the imagination and attention of users? Users will get it. CSS can and does this, in a subtle nature.

JavaScript wants users to sit through a PowerPoint presentation, shouting at 100X Decibels in their ears at all times, and to direct their hand movements via the mouse.

CSS "focus" handlers allows users to navigate at their own pace, the natural flow of code, quietly . . .

These are UI issues, but essentially that's the argument that most people who hail on the side of JavaScript take: in reality, they have only an illusion of control.

Quote:

CSS: Create a ton of elements to have a :hover style that adjusts the background image positions.

--- Nope. The easiest way is to create one element identifier: either a #Div or a .Class -- and reference that recursively.

[ Parent | on HN ]

Re:Pure CSS 3D effect by dandelany on Monday December 14, 2009 @08:29PM (#995599)

Just because Javascript can be used for annoying purposes does not mean Javascript is, itself, annoying. It's just a way to execute code on the client side. CSS is not a true programming language.

>>that's the argument that most people who hail on the side of JavaScript take...

There is no holy war between Javascript and CSS, just like there are no carpenters who argue that a hammer is always better than a screwdriver. They are different tools with different purposes.

[ Parent | on HN ]

Re:Pure CSS 3D effect by pwmanagerdied on Monday December 14, 2009 @08:53PM (#995633)

You're craaaaaaaaazy, sir.

[ Parent | on HN ]

Re:Pure CSS 3D effect by Slashed on Monday December 14, 2009 @06:20PM (#995398)

Not sure what you mean, but as far as I can tell, you're saying that images loaded with JavaScript won't be cached by browser(>>cached locally<<)? Though I'm not a JavaScript Ninja, but I think that JS loads images by manipulating the DOM of a page: creating new elements, changing attributes/style. If that's what you mean, then I'm sure that all modern browsers cache these images as well. Or have I completely misunderstood you?

[ Parent | on HN ]