Hace 10 años | Por --391712-- a creativebloq.com
Publicado hace 10 años por --391712-- a creativebloq.com

Se trata de una técnica reciente en diseño web, que puede ser contraproducente si se abusa de ella. Con las nuevas tecnologías HTML5 y CSS3, cada vez es posible crear efectos más avanzados, interesantes y que facilitan la experiencia del usuario cuando se emplean en la forma correcta, lo que se traduce en una página web que todo el mundo recordará. Echa un vistazo a estos ejemplos en los que se ha utilizado la técnica del "parallax" (paralaje en español, aunque no se suele usar este término) y valora si están todo lo logradas que desearías...

Comentarios

D

#1 LA siguiente entrada que suba será sobre Flat design, verás que rapidito carga todo, jejeje

m

#2: Si no es cuestión de "realista" o "plano", sino de no sobrecargar, que algunos deben de creerse que las capas DIV están hechas para apilar 3000 una encima de otra, cada una con uno o dos filtros.

D

#3 Hombre, pero el diseño plano aboga por el uso de iconos en lugar de imágenes, colores sin texturas, elementos que respiren más, etc., y todo ello hace que el rendimiento de carga sea mayor, osea que sí que está relacionado ¿no? (independientemente de que tienes razón, que Dreamweaver y la libre inserción de Divs han hecho mucho daño, jeje)

m

#4: No tanto, desde el punto de vista del procesamiento y la memoria lo mismo da una foto JPEG que una imagen PNG plana.

El problema de algunas webs es que las recargan de efectos, JavaScript, capas...

D

#5 Ah, ok! Yo no estaba pensando tanto en JS sino más bien en todo lo que ahora te ofrece CSS3, pero es verdad que hay gente que le mete tanto circo que te aburres de esperar

m

#11: Lo cierto es que Flash funcionaba más o menos bien en procesadores de hace 10 años, mientras que HTML 5 es bastante más lento por lo general.

Yo para temas de vídeo, prefiero Flash, de hecho tengo configurado así YouTube.

D

#11 Llevo 15 años en el negocio del web y el internete. Flash no ha sido aún superado por ninguna otra tecnología; ni en calidd gráfica, ni en control de stream, ni en multiplataforma, ni en curva de aprendizaje, ni en posibilidades ni en nada.

¿Que es propietario? ¿y?

¿Que no indexa bien? ¿y?

¿Que no le gustaba a los programadores? ¿y?

10 años perdidos. Cuando deberíamos habernos centrado en contenidos y servicios al cliente... nos hemos perdido en mirarnos el ombligo a ver como podíamos hacer lo mismo (o menos) con otra cosa porque a cuatro no le gustaba la que teníamos.

D

#17 Multiplataforma? Ah por eso dejo de dar soporte a Linux, Móviles, tv , tabletas ... roll

D

#18 Si, todo lo que hacías se veía perfectamente en cualquier SO, en cualquier navegador, en cualquier equipo, con todas sus funcionalidades. Estamos hablando de hace 10 años!

D

#20 En cualquier equpo donde esté Adobe.

Intentalo en OpenBSD, donde esa basura ni existe.

#73 Cuando tu hacías webs yo ya tenía conocimientos de Linux, Apache y sobre todo sabía como no cargar de mierda una web.

Mucho flash, mucho SWF, pero como el plugin de video, nada. Y Flash no funciona en nada no-Intel/Arm.

Amén que WebGL se lo come.

D

#70 #48 #37 #35 #34 #33 #32 #31 #28 #17

Ciertamente, a muchos os falta mucho por aprender. Entiendo que muchos de vosotros aún no habíais siquiera salido del cole cuando yo ya hacía web (no, no soy comercial; hago marketing, mi foco son los clientes de mis clientes, pero no espero que muchos puedan entenderlo) y en aquel momento flash simplemente fué una revolución que transformó la web de un simple clic-clic a todo un abanico de nuevas experiencias para el usuario.

Y sí, flash fué una tecnología fantástica que aún está muy por encima de lo que puede hacer ahora html5. Un ejemplo? el más visible quizá, el vídeo. Flash tenía un control del stream de cuadro a cuadro, tenía controles para recibir info sobre lo que se había descargado o no para ejecutar tareas y, sobre todo, bastaba con un solo vídeo (swf o flv) para cualquier plataforma. Intentar hoy algo similar es delirante, con la necesidad de al menos 3 vídeos distintos más el downgrade. Hemos perdido ahí.

Y sí, flash es muy superior todavía en las posibilidades gráficas sobre todo en lo que a vectores y morph se refiere, algo que el canvas aún tiene en pañales.

Ahora muchos flipan con la posibilidad de ajax para no recargar... cuando hace unos 12 años ya programaba carritos de la compra que se comunicaban con el server acutalizando sin salir de la pantalla. Viejuno ya.

Achacar a flash que no indexe.... es realmente no tener ni la más pajolera idea de porqué y como se indexan las cosas. ¿es necesario que indexe un baner? ¿un vídeo? por no hablar de que google mismo había ya desarrollado herramientas para "capturar" el texto de las películas flash. Por supuesto, estamos hablando de webs con flash usado correctamente, algo que creo que todos podremos entender. Un ejemplo: www.boohbah.tv/zone.html ¿de veras que a alguien le importa que esa web indexe? Es lo suficientemente buena como para que el boca a boca, la recomendación y el linkado (la BASE de google) la pongan siempre en lo más alto. En todo caso... los miles de webs de juegos en flash... seguro que piensan de forma distinta

Y sí, flash era multiplataforma. De hecho... uno de mis primeros trabajos fué una agenda que SIN modificaciones corría lo mismo en el escritorio que en un web que en uno de los cutremoviles winCE que había por entonces. Hasta que llego el iPad y sentenció que "no era bueno" cuando en realidad quería decir "me hace perder dinero".

En fin... veo que las críticas son siempre iguales, críticas al mal uso de la herramienta.... desconociendo su potenicia real, lo que significó y porque estamos donde estamos.

D

#73 "Y sí, flash era multiplataforma."

Avísame cuando funcione sobre mi Debian ARM WM8650 . Pista, Luakit con JS, HTML5 y CSS3, tiran videos, juegos...

Falaiel

#34 "Flash es la segunda peor plaga que jamás han azotado Internet (sólo por detrás del IE6)"

Os equivocais todos. La peor plaga es

delawen

#17 ¿En serio llevas quince años haciendo webs y piensas que flash es tan maravilloso?

No sé, me extraña mucho.

Sobre todo teniendo en cuenta que el contenido en flash no es indexable por los buscadores y tienes que hacer una versión paralela en html para ellos y que redirija a los usuarios no-bot al punto exacto de la aplicación flash donde se muestra esa información (o sea, duplicar el trabajo). O teniendo en cuenta que exije una carga inicial para cualquier chorrada que retrasa la carga de la página haciendo que usuarios que tengan prisa acaben pasando de tu web. O sabiendo que flash nunca ha funcionado bien en todas las plataformas, incluído Windows, que anda que no había fallos que hacían que tuvieras que reinstalarlo...

No dudo que lleves tanto tiempo desarrollando webs, pero debes vivir en un universo paralelo al que yo conozco si piensas que flash es tan bueno.

sangaroth

#28 No te creas, los widgets de fash (mas bien Flex) son brutales para crear interfaces típicos de aplicaciones (RIA). HTML5/JS todavia esta 'verde' en tema librerias robustas, paginación datos servidor y otras facilidades Flex las tiene imlementadas junto servicios streaming muy robustos. Se pueden crear equivalentes? Si, pero no al mismo coste de desarrollo, Flash ofrece plataforma muy robusta para depende que menesteres (apps gestion principalmente).
Por otro lado, es preferible evitar tech propietaria y costosa, claramente si. Pero limitar flash a banners/presentaciones cutres es una visión muy limitada de su potencia.

delawen

#36 En ningún momento dije que flash no fuera potente ni fácil de programar ni que no tuviera módulos interesantes.

Lo que he dicho es que no era útil para una navegación rápida, ligera y eficaz como la que los usuarios demandan. No es indexable por los bots y sólo por eso ya merecería ir al cajón de la inutilidad, independientemente de lo ya dicho en #28

NapalMe

#17 A bueno, si eres experto en internete....

I

#17 A mí lo único que me gusta del flash es el saborcillo ácido del de lima-limón. Pero hay que ver como corta los labios ese plástico afilado.

Cuñado

#17 15 años en el negocio del web (sic) y no entiendes la importancia de la indexación? Comercial, no? roll

M

#17 Enséñanos tu portfolio!!

F

#11 Nunca he entendido porque el puto flash me fríe siempre el ordenador. Es decir, puedo entender que la decodificación de un vídeo en 1080p haga trabajar al procesador, pero no entiendo como un vídeo de baja calidad ponga una CPU trabajando al 100%. Más teniendo en cuenta que si descargo ese vídeo en formato .flv y lo reproduzco con el VLC, es como si el ordenador no estuviera trabajando.

¿Por qué los reproductores de flash funcionan tan mal?
¿Por qué tras diez años sigue funcionando igual de mal?

Supongo que la recarga de computo quizá esté debida a que debe de funcionar en cualquier plataforma y no estará muy optimizado, pero que tras todo este tiempo siga funcionando igual... Joder, es que me toca bastante los huevos cuando tengo que dejar de ver un vídeo online y descargarlo para que no se sobrecaliente el portátil.

Off-topic: ¿alguien me puede decir que cojones han hecho con la web de Facebook? Desde el último cambio de la interfaz, entrar el facebook me supone poner una CPU de mi i3 al máximo de su capacidad, y de nuevo, me toca los huevos de sobremanera.

delawen

#39 Pues no entro a facebook, pero tengo instalado un plugin para que flash no se ejecute automáticamente (salvo que yo se lo diga) y es mano de santo.

F

#51 Por dios, dime que plugin es ya!

o

#52 Flash block.

emilio.herrero

#5 y que tiene de malo el uso JS? cada vez se usa mas por que cada vez hay mas web y herramientas web que emulan aplicaciones de escritorio lo que hoy llaman herrameintas en la nube y que se ejecutan en el cliente y lo menos posible en el servidor... durante años sorbe todo en los 90 se usaba JS para tinterias como poner una imagen al puntero del raton, efectos de nieve en la web y mil totnerias, ahora con AJAX y XLM su uso es imprescincible y util y cada vez mucho mas comun.

m

#54: Una pregunta... ¿En que se diferencia el efecto de la nieve cayendo de que cuando haces clic a un texto se mueva de un lado para otro?

Lo digo porque lo que ahora nos puede parecer "cool", tal vez dentro de 10 años nos parezca estúpido.

Yo por web de los 90s me refiero a páginas web sencillas y con mucha información, no como ahora que por lo general tienen muchos efectos, mucho diseño, mucha imagen corporativa, pero poco contenido útil.

emilio.herrero

#58 Es que no podemos comparar las web de los 90 con las actuales en nada, es que internet no se usaba para lo mismo que usamos ahora, antes era un internet estatico ahora es un itnernet social, imaginate un facebook en los 90, moriria, no tendria exito te desesperaria, no seria practico sin las ultimas tecnicas de AJAX y CSS.

Wakkatela

#58 estoy de acuerdo en que no sabemos que puede ser estúpido en un tiempo, la nieve nos parecía cool (Yo la usé con FrontPage!) y ahora nos parece caca. Pero creo que generalizas muy a la ligera, hay webs muy buenas en cuanto a diseño, marketing y optimización.

Iba a ponerte de ejemplo la de GreyGoose, pero justo ahora tiene un 404 hahaha, de todas maneras, luego analízala: http://www.greygoose.com/
Y unas cuantas con buen equilibrio diseño / optimización.

https://www.etsy.com/

http://www.stuffandnonsense.co.uk/

Y otras que no me llegan a la cabeza. Hay diseñadores buenos, pero claro, los que no, son mayoría como es normal.

D

#2 OJALÁ.

D

#2 No te molestes, no hace falta otra noticia sobre diseño en esta web...

Vergessen

#2 Flat design, nooo... ¡Ya basta de eso!

davamix

#1 Pues yo prefiero esperar un segundo más a que cargue la web que no ver el diseño de aquellas páginas con montones de links a la izquierda, gifts dando vueltas de calaveras, arrobas... dibujitos de "under construction" y combinaciones de colores que te dejaban ciego.

Scooby

#1 Yo las cierro sin contemplaciones cuando son páginas sencillas que deberían cargar rápido, como noticias, simple texto... Qué es eso de estar esperando minutos por un texto, acceder a él tras varios pasos o tener que pelearse con el formato "dinámico". Para mí es como la publicidad sonora o los vídeos incrustado que se rerpoducen solos. Fuera.

Ejemplo de formato insoportable, el único que se me ocurre ahora mismo, los blogs de blogger con "vistas dinámicas", con, por ejemplo, esa mierda de menú en la derecha que se sobrepone a la barra de desplazamiento de tu navegador imposibilitando usarla.

pys

#1 Con el Lynx no tienes problema, todo se te carga en un momento

emilio.herrero

#1 siiii y entrar en una web y escuchar esas melodias MIDI mientras caen copitos de nieve y una bola persigue el puntero de tu raton. Miss it!! lol

D

PUTA MADRE QUE LA PARIÓ! LA DE SONY ME OCUPA 1GB DE RAM!!!!

D

#7 Flipa! como para verla desde el smartphone glub :(

D

#7 #9 Sin problemas en un lagdroid con 604 de RAM

RubenC

#9 "como para verla desde el smartphone glub"

Móvil, se llama móvil "smartphone" significa "movil inteligente/listo". ¿Es que los otros eran tontos? Hacen lo que pueden hacer según la tecnología existente... ¿cómo llamarán a los de dentro de 10 años? Seguro que "smartphone" no No es más que otra mierda comercial.

Sin acritud, es que no soporto esas modas comerciales... "smartphone", "smartglass", "smartwatch".. argggg

snowdenknows

#7 en mi ordenador 0.1G lol

AubreyDG

Madre mía, ¡da cosica leeros! nadie comenta el brutal trabajo creativo y la originalidad de muchas de ellas... No pensaba que hiciera falta, pero os recuerdo que estas webs son experiencias interactivas... copón, que no pretenden ser la Wikipedia o la página del Ministerio de Hacienda. Cuando accedes a una de estas webs multimedia lo ideal es que te acomodes y disfrutes (si tienes algo de pasión por el diseño y estas cosas). ¡He dicho!

mosayco

#29 yo quiero acomodarme, pero no puedo acceder
es para minorías o que?

Cidwel

me encanta cuando los desarrolladores web hacen paginas ultrachulas con efectos que solo se ven correctamente fluidos en el 10% de los ordenadores hogareños.

D

Serán 40 buenos ejemplos, pero me he metido en el primero y tras verlo un poco y elegir mi jugador, casi me cuelga el ordenador, me he tirado un minuto que ni me reaccionaba el ratón...

No quiero ver los malos ejemplos...

m

#30: Ya somos dos. A saber, lo mismo estaba cargando 300000 "sprites" para cada posición del muñeco.

Y además, dan ganas de poner motor a la rueda del ratón.

#40: Ese es el problema, que muchos se piensan que la gente va con un Core i7 como mínimo, y no hay gente que compra ordenadores más ajustados.

Entre otras cosas, porque son más baratos y consumen MENOS electricidad (y dan menos calor, que en verano se agradece).

Y ya no hablemos de quién usa ordenadores de hace 10 años, que por mucho que digan, son ordenadores que siguen funcionando, y que no hay motivo para tirarles a la basura, por mucho que se empeñen algunos diseñadores web.

Eso si, luego todos esos diseñadores web a dar al "me gusta" en vídeos sobre obsolescencia planificada, pero luego en cuanto vuelven a codificar, bien que se empeñan en forzarla con sus páginas web.

A lo mejor este mensaje os parece raro, pero es que las cosas son así. Hace 16 años los ordenadores ya mostraban dibujitos y miles millones de colores. Si cada 2 años se ha duplicado la capacidad de proceso... ¿Que cojones ha pasado para que los ordenadores sigan funcionando lento? Supongamos un ordenador de hace 10 años (2004)... Se supone que tiene el octuple (2³) de velocidad y de memoria. ¿Por qué ahora nos resulta lento?

A mi es algo que me toca las narices.

#67: Vale, si, 4k (que en realidad debería ser llamado 2000 líneas), 8k, 16k, 23555k...

Pero yo no critico eso, sino que critico que algunos se empeñen en que veamos todo a 4k porque si, sin dar la posibilidad de reducir calidad para ahorrar ancho de banda o poderlo ver en ordenadores más lentos, o bien que el vídeo no se coma lo que necesitan otros procesos.

Un ejemplo es Vimeo, que sólo dan la posibilidad de usar un reproductor inmenso. Hay ordenadores que por el motivo que sea, no pueden reproducir un vídeo tan grande. Y otros en cambio si que pueden, pero a algunos usuarios nos gusta que el vídeo ocupe poco espacio para poderlo colocar a un lado de la pantalla y en otra parte poner otra cosa, como un chat, para poder hacer las dos cosas al mismo tiempo.

Yo esto lo hacía bastante con YouTube (chateando por Messenger), hasta que se empeñaron en poner el reproductor en medio de la pantalla, con lo que ya costaba colocar la ventana del MSN. Había que reducir la ventana del navegador y meterla fuera de la pantalla, algo visualmente incómodo, porque a mi me gusta trabajar con ventanas maximizadas.

D

#68 Igual que no se te puede demostrar las grandezas del 4k en un video comprimido a 480p para que sea ligero y lo vea todo el mundo, no se te puede mostrar lo más espectacular del HTML5 en una página rápida y ligera. Es de cajón.

Yo en tu caso no criticaría a los que hacen el contenido, si no a los que te proporcionan a ti la conexión.

m

#69: Te lo explicaré de otra forma: Cuando voy a ver un producto no me interesa que me demuestren lo artistas que son con la página web, sino las características de ese producto.

Si alguien quiere hacer una página web demostrando lo chachi que es el HTML5, que la haga, pero que sea para eso, demostraciones.

Pero para el día a día... quítame las tonterías por favor, no necesito que las imágenes bailen en la pantalla, no necesito que el texto se mueva de arriba para abajo y se oculte, tampoco necesito que para navegar de una página a la siguiente me haga una transición.

No necesito una conexión de 20 megas, sino un Internet simple y adaptado a lo que yo necesito: buscar información.

m

#69: Este es el contenido de una página web: http://madebyshape.co.uk/method

We start every project by reviewing and analyzing industry competitors, relevant projects and suitable references. Feed back to the client for continual input from both parties.
Concept

Once information has been supplied to Shape by the client, we explore all possibilities and avenues. Initial ideas and concepts are presented for the client's review.
Development

Once a decision is made in which direction to develop, a more refined concept will be presented to the client. We will also discuss in more detail print materials, online functions and features.
Delivery

The final solution will be delivered, hitting the deadline. We like to develop a relationship with our clients and provide them with an ongoing design service for this current project and more.


-----------
Podría entrar en una pantalla (dibujos incluídos), pero no, prefieren que nos entretengamos girando la rueda del ratón.

Y además el texto se mueve, dificultando la lectura rápida.

D

#72 Es que el texto ahi no tiene ninguna importancia; lo que quieren es demostrar lo que pueden hacer.

Para que me entiendas: A los que hacen una web como la que me linkas luego los llama Sony para que les hagan la suya.

D

Guauuu!!! Scroll Parallax!! Lo último de lo último en efectos visuales!

¿En qué año vivimos, en 1980?

Sr.Rubio

y cuando yo me metí a diseñar webs se hacia todo con frontpage y a base de tablas y ya nos parecía la hostia lol

Wakkatela

Yo veo que la web va en una buena dirección. Eso no quiere decir que algunos diseñadores valoren más su ego que el producto (Caso Parallax) pero no volvería a Flash donde el 90% de las veces era un cáncer su implementación.

Y esto no es culpa de navegadores, ni de tecnologías, ni de la semántica o el SEO, es culpa del diseñador que prefiere ver su ego por las nubes antes que la imagen del producto.

Diseñadores que no saben que la web no es sólo Chrome, que existen otros navegadores, otros dispositivos y otras personas con discapacidades y que si quieren vender un producto/imagen tienen que llegar a todos ellos. Y no es difícil, al menos no si te preocupas por el producto y no por tu ego.

Recomiendo leer a Brad Frost en su artículo "Fuck You": http://bradfrostweb.com/blog/post/fuck-you/

DirtyMac

Me cansé de darle a la rueda de scroll en el primer ejemplo y cerré la web sin saber de que iba el tema. En mi opinión eso hace que sea un diseño muy malo.

mosayco

desde hace unos meses yo tengo a mi pobre cpu al 100% con las últimas actualizaciones del puto Flash, hasta se me apaga alguna vez....por overclocking dice (pentium IV, 4Gb Ram)y ha sido imposible volver a versiones antiguas (si alguien sabe cómo, se lo agradecería)
ni jugar al Candy Crash puedo!
he desactivado el plugin y cuando entro en Youtube activo el reproductor de HTML5
pero los parches no son soluciones...piensan que todos tenemos un i7??

D

Una web que te hace esperar a cada paso dista de ser una buena web, de hecho es una puta mierda. He abierto dos ejemplos y me he cansado de esperar y de buscar dónde hay que pinchar para ver contenido real.

All_Español

No anda ni patrás!
Me recuerda a cuando la gente se compraba un equipo nuevo, mas máquina, y venía con win7. Para eso se hubieran quedado con el viejo.

D

Esto es para lo que hemos dejado de usar Flash:

b

¿Qué significa exactamente parallax? Solo veo ejemplos de páginas web normales de toda la vida en ese link, con unos pocos elementos interactivos.

Tarod

#42 El efecto Parallax se basa en la existencia de varias capas de objetos que se mueven a diferentes velocidades y que mediante el uso del scroll conseguimos que interactuen entre si de forma que crean una animación realmente avanzada

Tarod

La de Sony fantastica.

D

No podían faltar los odia flash de turno que no le dan ningún mérito. Gracias a flash tuvimos cantidades de juegos durante años, series como Cálico, Happy tree friends,... Y ahora algunos solo la desprecian: que si usa mucho procesador, pues anda que las webs esas con js y css3, que si no era estándar, pues anda que las webs esas que son funcionan con Chrome, o con IE, o con... Por no hablar de que Macromedia ofreció en su día una herramienta fácil para adentrarse ¿Hay algo así con CSS y JS?

P.D.: y no, nunca he programado en Flash, salvo para echarle un vistazo, y nunca me han gustado las web hechas fundamentalmente en Flash, pero Flash ha tenido sus méritos y deméritos, no solo los segundos.

Wakkatela

#57 Mi comentario puede darse por aludido, así que aclaro:

Flash tiene su mérito, y mucho! Flash sigue siendo una herramienta muy potente hoy en día. Como todo, su mal uso es(era) el problema. Pero tampoco te creas que el problema se ha ido con Flash, mira Parallax por ejemplo. El problema es el EGO.

D

La web de Sony es espectacular. Es una lástima que la gente no le haya visto el punto, y se queden tan anchos diciendo que prefieren una página hecha con joomla porque carga más rápido.

Páginas, por otro lado, diseñadas para países con conexiones normales, y no las de país subdesarrollado que hay en España.

m

#65: países con conexiones normales, y no las de país subdesarrollado que hay en España.

O sea, que porque el diseñador web de turno quiera "lucirse", yo tengo que contratar (y pagar) una conexión increíble.

Es como si me diseñan una autopista que da muchas vueltas y me dicen "cómprate un coche más rápido y llegas antes", vale, muy bien.

D

#66 ¿Entonces estás en contra del streaming en HD o 4K?

Esas webs son pruebas de concepto que buscan la espectacularidad explotando el HTML5. Ni buscan cargar rápido ni buscar ser sencillas.

Vamos, es que darle otro enfoque distinto o criticar que una web haga algo así me parece ridículo. Pues no entres.

Liths

Qué desastre! No van bien en explorer 6!!!!!!!!!!!!!!

D

#13 jajaja, que novedad

D

Algunas como la del laboratorio no me funcionan en Firefox.
Pero joder, me duele el dedo de girar la rueda lol

D

Que pereza cuándo llegan estos temas a portada...

polluelo

Bonito, limpio en código... Pero lento muchas veces...

D

El HTML5 y el JS es una mierdapinchánunpalo.

TODO, repito, TODO lo que puede hacerse ahora con esta tecnología, se hacía hace más de DIEZ AÑOS con flash, y además teníamos multiplataforma REAL, no como esta mamarrachada ahora de cada navegador haciendo la guerra por su cuenta (video estándar, juaaaaaaaaaaaaaaaaaaaas, juas, juas, juas)

Ha sido un desastre total, hemos retrocedido una década para poder hacer ahora lo mismo (o peor) que lo que ya hicimos. Eso sí, "libre". Wow!.

D

#8 ¿Flash? Sólo el gobierno de EE UU es peor que flash.