CSS Dock Menu, excelente



Las posibilidades que ofrece el CSS y Javascript son geniales, aunque sea un colador a la hora de la seguridad (XSS), sigue siendo una genialidad para las boludeces :D

Este menú al mejor estilo MacOSX pero para una página web es excelente ,funciona muy bien en la mayoría de los browsers, es pesadísimo a nivel procesador :D (verán el micro al 100%) pero bueno, son esos juguetes que uno puede agregar y que termina sacando por pesado

Pero se ve genial, aquí tienen el ejemplo funcionando y pueden bajarlo y configurarlo según dice aquí, hecho por la gente de nDesign

Si te gustó esta nota podés...
Invitame un café en cafecito.app

Categoría: Programación Etiquetas:  

Otros posts que podrían llegar a gustarte...

Comentarios

  • Julián Rodriguez Orihuela     09/05/2007 - 13:34:34

    Decir que el Firefox no tiene anti-aliasing de imágenes, si no hubiera sido perfecto...

  • Fabio     09/05/2007 - 13:57:41

    el IE6 tiene antialiasing? el 7? safari? no tengo idea...

  • Franco     09/05/2007 - 15:04:01

    Negativo che. Al menos para Explorer 6 y 7 no hay antialiasing de imágenes.
    En el caso de Explorer 7 hay suavizado de fuentes, que espero lo agreguen a Firefox, al menos como opción, porque realmente se ve mucho muy bien :D

    Una pregunta desde la ignorancia (no me peguen) ¿Que ventajas trae hacer este dock tan lindo en javascript y CSS, respecto de hacerlo por ejemplo, con Flash?

  • Fabio     09/05/2007 - 15:18:27


    Franco dijo:


    Una pregunta desde la ignorancia (no me peguen) ¿Que ventajas trae hacer este dock tan lindo en javascript y CSS, respecto de hacerlo por ejemplo, con Flash?


    y... la obvia, no dependés de Flash :D y podés tener el control de otra forma, lo que no me gusta de flash es que al estar encapsulado hay que laburar mucho para "conectarlo", pero también se puede, no es que está aislado, para nada, pero es aprender oootra cosa de nuevo. Personalmente prefiero evitar el flash para cada uso, pero bueno, si sirve...

  • LoneWolf     09/05/2007 - 15:19:41

    @Franco: Si la barra estuviera hecha en Flash, tendrías que saber manejar Flash para editarla (a no ser que la configures sólo una vez y no la modifiques más, o bien, que manejes CSS y un poco de JavaScript desde el mismo Flash). La ventaja es que con Flash, y usando sólo gráficos vectoriales (no mapas de bits), la calidad gráfica sería mucho mejor.

  • Gez     09/05/2007 - 16:05:37

    Nunca podría haber antialias de imagen, porque generar al vuelo una interpolación bicúbica (por ejemplo) para tantas imágenes se morfaría más todavía el procesador.
    Esa es una de las tantas cosas por las cuales Flash es taaaan pesado a nivel consumo de recursos. Y eso que la interpolación de flash es una bilineal así nomás.
    Mucha gente dice de lo flexible que es Flash, y de lo liviano como archivo, pero suele olvidarse del grandísimo consumo de procesador que tiene (eso hace que sea imposible sincronizar audio, o que el framerate dependa bastante de la potencia del equipo en el que se reproduce).

    Este menú en CSS y JS está buenísimo, pero como dice Fabio... sería lo primero que uno termina sacando porque no vale la pena lo mucho que consume en contraste con lo poco que ofrece.

  • Danbat     09/05/2007 - 17:29:52

    El pico de 100% de procesador es cuando te movés por el menú. Cuando te quedás quieto cae de inmediato. Es, por lo tanto, un riesgo calculado. Lo bueno que le veo es que puede resultar bastante versátil en la implementación, pero solo queda como un chiche para que los macosos se sientan como en casa. Guiño

  • Leo     09/05/2007 - 18:02:01

    Esto es lo mismo que se encuentra en dojotoolkit.org ?

  • ICeman     09/05/2007 - 19:22:46

    Me hice un par de huevos fritos arriba del micro.
    Es como la barra inferior que tenía Aniteto2K.

  • Fabio     09/05/2007 - 19:46:31


    Leo dijo:

    Esto es lo mismo que se encuentra en dojotoolkit.org ?


    si, como el fisheye que tienen ahí, pero el toolkit de Dojo es más completo y para más cosas. creo que utiliza SVG que es mucho mejor que una imagen bitmap, pero no estoy seguro, sí se que Dojo maneja SVGs

  • el_zoona     09/05/2007 - 22:11:51

    Funciona mas fluida que esta <a href=""></a>, sigo sin verle utilidad mas que ponerla cinco minutos para ver que loco y sacarla

    P.S.: A todos les " tiembla " la barra de LaPapelera.org cuando mueven el cursor?

  • el_zoona     09/05/2007 - 22:13:33

    ¬¬ Donde dice :

    Funciona mas fluida que esta


    Deberia decir :

    Funciona mas fluida que esta <a href="http://lapapelera.orgl"></a>

  • el_zoona     09/05/2007 - 22:14:45

    P*ta madre...Ahi va, algo me va mal...Tengo que mandar los comments dos veces y no salio en ninguno el link.

    http://lapapelera.orgl

  • marcoss     10/05/2007 - 03:54:42

    A ver, dos cosas.

    Primero, no soy defensor de Flash, es mas, no lo uso, pero seamos realistas si la intención fuera realizar un menú como el del ejemplo en una web en producción(léase, al cliente se le antojo y es excluyente). Flash sería la mejor opción, además, se hace una vez y luego se configura mediante un XML, vamos, que a pesar de ser una bosta FLASH, tiene ActionScript que es casi tan fácil de aprender como Javascript.

    Con respecto al menú en cuestión está hecho con jQuery que es una librería muy buena, pero el plugin que usa para los efectos es pésimo. Se podría haber logrado un efecto similar con otra librería orientada a efectos (la de dojo es bastante mejor en ese aspecto, sobre todo si se usan las funciones que aprovechan SVG).

  • Isaac Roca     10/05/2007 - 15:01:49

    Yo hice lo mismo hará un tiempo.

    El mio tiene algunas cosas peores y algunas mejores. Entre ellas que es mas personalizable.

    Pero claro, no salí en el top 10 de del.icio.us/popular Guiño

    http://icon.cat/software/iconDock

  • Gez     10/05/2007 - 17:25:14

    @marcoss: El principal problema de Flash es depender de un plugin y romper totalmente la semántica de una página que de lo contrario estaría perfectamente formada y degradaría lo mejor para los usuarios de versiones anteriores del navegador.
    Realmente no me puse a indagar mucho en el código de estas barras con javascript+css en particular, pero los ejemplos anteriores que vi degradaban bastante bien si uno tenía JS desactivado.

  • Gez     10/05/2007 - 17:26:07

    Y ni hablar que usar algo dependiente de un plugin para un menú de navegación es siempre una mala idea.

  • fernando johann     15/05/2007 - 00:08:17


    Danbat dijo:

    El pico de 100% de procesador es cuando te movés por el menú. Cuando te quedás quieto cae de inmediato. Es, por lo tanto, un riesgo calculado. Lo bueno que le veo es que puede resultar bastante versátil en la implementación, pero solo queda como un chiche para que los macosos se sientan como en casa. Guiño


    Estoy con Danbat
    en lo de que me siento como en casa más que nada.
    Pero si, si te quedás quieto el procesamiento cae.
    ah!
    el safari tiene anti aliasing en todo. hay gente que se queja, je
    <a href="http://daringfireball.net/2003/03/antialiasing"></a>

  • Emilio [X]     22/07/2007 - 01:20:32

    Gente lo recomiendan para una web??? porque ese pico de 100% jode a algo?.-

    Gracias gente!!!

    Un abrazo para todos!!! :D

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https

Negrita Cursiva Imagen Enlace


Comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador. Los comentarios son filtrados por ReCaptcha V3.