davidMHe Web Site

El Blog donde expongo lo que me encuentro en la red

Recuerdan un plugin para Firefox llamado Firebug? en este caso vamos a decir que Debugbar es como el Firebug de Internet Explorer aunque no podemos hacer tales comparaciones.

Sin embargo no se puede negar que Debugbar es una herramienta bastante interesante ya que Internet Explorer no tenia dicha herramienta y quien diseñaba en sitios web con este navegador tenia que guiarse por el conocido icono de alerta de error en la parte inferior izquierda.

Ahora se tiene la posibilidad de revisar errores de sintaxis de cualquier sitio web y tener una mejor visión de errores que se pudieran producir en determinado momento.

Debugbar es gratis si es para uso personal, si se usa con fines comerciales, hay que comprar una licencia.

Herramientas que incluye:

  • DOM Inspector
  • HTTP Inspector
  • Javascript Inspector and Javascript Console
  • HTML Validator
  • Y otras características mas…

Visitar la web: Debugbar

Whizzywig es un editor de texto enriquecido totalmente free, el cual puedes usar en cualquier tipo de proyecto que necesite el manejo de texto con formato (negrita, cursiva, subrayado, etc).

whizzywig1.png
.
Si quieres probarlo antes de instalarlo en alguno de tus proyectos, puedes ver un demo para que lo analices y mires que tan bueno es.En la página estan todas las características y guia de instalación de esta gran utilidad.
.
Descargar desde aquí

Visitar la web: Whizzywig

Si alguna vez has programado una página web con formularios, habrás podido comprobar que se trata de una tarea cuando menos tediosa y algo complicada. A partir de ahora lo puedes tener mucho más fácil y rápido, gracias a la ayuda de WebFormDesigner.

Esta práctica herramienta te permite diseñar todo tipo de formularios web a través de un intuitivo editor WYSIWYG, es decir, trabajando de forma visual y viendo siempre el resultado tal y como se verá en tu web.

form_pers.gif

Sólo tienes que seleccionar los elementos que quieres usar (campos de texto, botones, menús desplegables, etc.), moverlos con el ratón a la posición donde quieras colocarlos y especificar unas pocas opciones de configuración de cada uno. Una vez tengas tu diseño acabado, el programa genera automáticamente el código necesario para que lo insertes en tu página, y listo.

Tienes además otras opciones interesantes como usar tu propio script de formularios o el que ofrece el autor del programa, hacer que tu formulario compruebe que los datos introducidos son correctos y más.

Visitar la web: WebFormDesigner

Para los que nos gusta las cosas rápidas y sencillas, llegó FireBug para ayudarnos en muchas tareas como:

firebug_logo.jpg

De esta manera vamos a programar y modificar en tiempo real cualquier error que tengamos y los resultados se veran al instante.

html1_p.gif
utils1.gifutils2.gifutils3.gifutils4.gif

utils5.gif

Visitar la web: FireBug

Muchas veces hemos visto que las páginas que visitamos en internet tienen un ícono al iniciar la dirección web, este ícono se llama “Favicon (Favorites icon)”, pero cómo hacemos esto?

-
favicon.jpg

Fácil, con un sencillo código insertado en tu página podrás tener un favicon rapidamente.

Si el Favicon es animado, incluimos en el código de nuetra página:

favanimado.gif

Si el Favicon no es animado, incluimos en el código de nuestra página:

favsimple.gif

Y así de esta manera podemos tener nuestro favicon animado o no animado en nuestra web.

También podemos incluir iconos del tipo .png, .jpg entre otros, pero no se si todos los formatos se incluyen.

Si quieres crear un favicon animado como el que tengo en mi blog, puedes dirigirte a la página: HTML-KIT, pero si quieres crear un favicon estático, ve a la página DYNAMIC DRIVE.

Estas páginas generan el favicon con solo incluir una imágen.

Has necesitado algún programa para hacer corners rápidamente y no lo consigues? o son muy grandes y pesados? Pues esto terminó, con Cornershop tendrás tus corners de manera fácil y rápida.cornershop_logo.jpg

Cornershop maneja 4 configuraciones: Box Background, Page Background, Corner Radius y Transparent.

Con estas 4 configuraciones podemos generar nuestros 4 corners para las 4 esquinas de una tabla.corners.gif

Lo que hace CornerShop es generar los 4 corners para las 4 esquinas, además del código Css y su respectivo código html, simplemente se copian estos elementos a una carpeta, se genera la página html y listo.

Un ejemplo:

Vamos a generar 4 corners con 20 de Radio, Fondo de la Caja Color Blanco, Fondo de la Página Color Negro y Sin Transparencia:

Código CSS:

css.gif

Código HTML:

html.gif

Resultado:

cornersmuestra.jpg

Visitar la web: Cornershop