Group items tagged

Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.

La 3D, c'est aussi une nouvelle manière de raconter les choses, de rendre une scène un peu plus réelle, et de laisser une liberté totale dans la position de la caméra.

"jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way."

A great website layout will deliver an intuitive, effective and enjoyable experience. Layouts are the foundation of presenting information clearly, attracting attention to the right parts and guiding people to their goals. This article focuses on layouts and how to help users interpret them correctly and positively as they scan the page.

"the Advanced Layout and the Grid Positioning modules are doing some of the right things in many of the wrong ways. Both those modules add unnecessary complexity to CSS without giving designers a natural way to say what they mean"