Clearfix

Diseño y Desarrollo Web en Español

Navegando el tema CSS

Mozilla Labs Bespin

En Mozilla Labs están realizando cosas muy interesantes, esta vez nos sorprenden con su experimento llamado Bespin.

Bespin no solo es un simple editor de código en linea, pues en su versión prototipo 0.1 nos permite:

  • Resaltado de sintaxis (actualmente, solo para JavaScript, CSS y HTML).
  • Visualizar directamente en el navegador lo que estamos desarrollando.
  • Una muy interesante y útil linea de comandos, la cual nos permite ejecutar comandos, crear comandos y alias tal como una Terminal *nix.
  • Un gestor de Proyectos.
  • Control de versiones.

Y apuestan a su extensibilidad, por ejemplo editar código colaboratibamente a través de este, y ser un IDE para soluciones de Código Abierto, pero en primera medida me gustaría muchísimo una funcionalidad de auto completado.

En sí mismo Bespin es Código Abierto, para quien quiera colaborar agregando funcionalidad, corrigiendo bugs.

A continuación encuentras el vídeo de Mozilla Labs donde presentan esta aplicación tan interesante:

Por nuestra parte lo probaremos intentando desarrollar la versión 0.2 de Clearfix, Finalmente te animamos a que lo pruebes y nos cuentes tu experiencia en los comentarios.

Minify

Minify es una aplicación escrita y para PHP5 que combina archivos CSS o JavaScript, los comprime (por ejemplo: remueve los espacios en blanco innecesarios y comentarios), y los sirve con encabezados y codificación HTTP apropiados (gzip/deflate). Todo esto te ayuda a optimizar el tiempo de carga de tu web al aplicar las mejores prácticas.

Página de Minify en Google Code
Fuente: WebAppers

Leyendo devSnippets me encuentro con esta lista de 10 técnicas para menús multinivel, que aquí resumo:

  1. Create Vimeo-like top navigation
  2. CSS Drop-Down Menu Framework
  3. JavaScript Dropdown Menu with Multi Levels
  4. MenuMatic Recomendado!
  5. A circular menu with sub menus
  6. Fancy Sliding Menu for Mootools
  7. Smooth Navigational Menu
  8. Collapsable menu
  9. Designing the Digg Header
  10. jQuery File Tree
  11. Bonus

  12. UvumiTools Dropdown Menu Recomendado! es el que más uso

Ya lo sabes no hay excusa para que tu navegación o menú luzca desanimado :P

Etiquetado con , , , ,

En 1stwebdesigner hicieron una estupenda lista de recursos totalmente gratuitos que incluyen Slideshow, Lightbox y Galerías de Imágenes mi favorito el número 22 Slideshow 2.