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

Categoría: Programación Etiquetas:  
Otros posts que podrían llegar a gustarte...

Comentarios

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

    • Responder
    • Citar
    • Comentado:
  • Fabio    

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

    • Responder
    • Citar
    • Comentado:
  • Franco    

    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?

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    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...

    • Responder
    • Citar
    • Comentado:
  • LoneWolf    

    @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.

    • Responder
    • Citar
    • Comentado:
  • Gez    

    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.

    • Responder
    • Citar
    • Comentado:
  • Danbat    

    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

    • Responder
    • Citar
    • Comentado:
  • Leo    

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

    • Responder
    • Citar
    • Comentado:
  • ICeman    

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

    • Responder
    • Citar
    • Comentado:
  • Fabio    


    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

    • Responder
    • Citar
    • Comentado:
  • el_zoona    

    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?

    • Responder
    • Citar
    • Comentado:
  • el_zoona    

    ¬¬ Donde dice :

    Funciona mas fluida que esta


    Deberia decir :

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

    • Responder
    • Citar
    • Comentado:
  • el_zoona    

    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

    • Responder
    • Citar
    • Comentado:
  • marcoss    

    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).

    • Responder
    • Citar
    • Comentado:
  • 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

    • Responder
    • Citar
    • Comentado:
  • Gez    

    @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.

    • Responder
    • Citar
    • Comentado:
  • Gez    

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

    • Responder
    • Citar
    • Comentado:

  • 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>

    • Responder
    • Citar
    • Comentado:
  • Gente lo recomiendan para una web??? porque ese pico de 100% jode a algo?.-

    Gracias gente!!!

    Un abrazo para todos!!! :D

    • Responder
    • Citar
    • Comentado:

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https
Para evitar bots, si se tardó mucho en leer la nota seguramente no sirva y tenga que intentar dos veces

Negrita Cursiva Imagen Enlace


comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador