Archive for the HTML category
Debugbar – Debugger Para Internet Explorer
by davidMHe on October 23rd, 2007
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 – Editor De Texto Enriquecido
by davidMHe on June 21st, 2007
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).
WebFormDesigner – Genera Formularios Para Tu Página Fácilmente
by davidMHe on March 4th, 2007
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.
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
FireBug – Un Editor Web En tu Firefox
by davidMHe on February 23rd, 2007
Para los que nos gusta las cosas rápidas y sencillas, llegó FireBug para ayudarnos en muchas tareas como:
- Inspect and edit HTML
- Tweak CSS to perfection
- Visualize CSS metrics
- Monitor network activity
- Debug and profile JavaScript
- Quickly find errors
- Explore the DOM
- Execute JavaScript on the fly
- Logging for JavaScript
De esta manera vamos a programar y modificar en tiempo real cualquier error que tengamos y los resultados se veran al instante.
Crea tu favicon facilmente
by davidMHe on December 15th, 2006
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:
Si el Favicon no es animado, incluimos en el código de nuestra página:
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.
Cornershop – Un Generador de Corners
by davidMHe on December 14th, 2006
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 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.
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:
Código HTML:
Resultado:
Visitar la web: Cornershop
Color Scheme Generator 2 – Un generador de esquemas de colores en línea
by davidMHe on December 3rd, 2006
Color Scheme Generator es una utilidad para generar esquemas de colores para usarlas en nuestras páginas web o en diferentes diseños gráficos que hagamos, además tiene una interfáz bastante amigable posibilitando un mejor manejo para usuarios noveles en estos temas.
Tiene la opción de hacer diferentes variaciones en la gama de color, posibiltando obtener mejores y adecuados colores los diseños.
Posee una opción para manejar colores que se adapten visualmente a la web, además de manejar esquemas “Mono, Contrast, Triad, Tetrad y Analogic” entre otos, es verdaderamente una excelente herramienta para diseñadores.
Visitar la Web: Color Scheme Generator 2
Embeber fuentes en HTML
by davidMHe on November 24th, 2006
Muchos me han preguntado como embeber fuentes tipográficas dentro de una página HTML, he investigado y hay una forma sencilla de hacerlo, teniendo en cuenta que solo funciona en IE6 (Almenos en mis pruebas).
Más Fuentes:
- Chequear Soporte del Navegador (En Inglés)
- Software TrueDoc (En Inglés)
- Software WEFT (En Inglés)
- Fuentes Descargables (En Español)
- Fuentes Embebidas en HTML (En Español)
