Google Closure es una librería de JavaScript, una alternativa más que los desarrolladores de aplicaciones web pueden utilizar semejante a otras librerías ya existentes, entre las más populares de estas destaca jQuery. Entre las características de Closure destaca el uso del Closure Compiler, una herramienta que pretende que el código JavaScript funcione de una forma más rápida. Como las otras librerías de JavaScript cuenta con todas las características usuales en este tipo de herramientas: Ajax, DOM manupulation, CSS control, etc.

Otra herramienta relacionada es el Closure Inspector, herramienta necesaria para ayudarse a trabajar con Firebug JavaScript Debugger.

A pesar de que la noticia del lanzamiento de una nueva librería JavaScript creada por Google generó mucho entusiasmo en el medio de los desarrolladores de sitios web, lo cierto es que conforme pasan los días la mayor parte de …

Anteriormente vimos Open Flash Chart trabajando y lo sencillo que es de utilizar. Además de OFC tenemos otras opciones también importantes:

Google nos brinda el “API de Google Chart que permite generar gráficos de forma dinámica”.

Se utiliza llamando a la url de la API de la siguiente forma:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250×100&chl=Hello|World

Este link devolverá una imagen con el gráfico.

Donde:

• http://chart.apis.google.com/chart? es la ubicación del API de Chart.
• & separa los parámetros.
• chs=250×100 es el tamaño del gráfico en píxeles.
• chd=t:60,40 son los datos del gráfico.
• cht=p3 es el tipo de gráfico.
• chl=Hello|World es la etiqueta del gráfico.

Te dejamos la guia del desarrollador de la API de Google Chart. Además si deseas una visualización mas personalizada (no solo para gráficos, puedes encontrar para tablas de resultados también) con varios ejemplos te recomendamos  Google Visualization API

Si lo que buscas es algo en PHP, la librería de pChart te puede dar la solución para la personalización  de gráficas.

Ahora tenemos una excelente posibilidad de incluir gráficos personalizados en nuestras páginas web gracias al componente Open Flash Chart (http://teethgrinder.co.uk/open-flash-chart-2/) el cual se encuentra gratuito y con licencia LGPL (http://www.gnu.org/licenses/lgpl.html).

Con este componente se pueden crear gráficos de: línea, barra, barra horizontal, barras apiladas, de candela, de área, pie, radar y de dispersión. Cabe mencionar que los gráficos tienen bastantes opciones de personalización para darle el gusto personal.

¿Qué tan complicado es usar este componente?

Se necesita incluir el componente en nuestro HTML y también debemos proveer el archivo de datos en el servidor. Dicho archivo de datos puede ser un archivo de texto plano, o un .PHP, Perl, Python o Java.

Para un gráfico simple, sencillamente se ubica el archivo data.txt en el sitio y se apunta el componente al URL de dicho archivo. No obstante, lo que en realidad queremos es cargar nuestros gráficos con datos extraídos de una base de datos …

Un vistazo a la descripción y principales características de OOCSS (CSS orientado a objetos).

Aptana Studio Community EditionUn IDE gratuito para desarrolladores WebDe manera muy general, la escogencia de un entorno de desarrollo llega a tener matices muy personales, ya que esta es la herramienta que un desarrollador web utilizará la mayor parte del tiempo.Aptana Studio es un IDE gratuito para el desarrollo de aplicaciones web que está basado en la plataforma Eclipse y soporta diferentes formatos de archivos, entre los que podemos mencionar: Javascript, HTML, CSS, ScriptDoc, XML, entre otros. Además, este IDE provee coloreo de código, chequeo de sintaxis, organización estructural del código fuente, depuración, autocompletitud integrada con el DOM (Document Object Model) y diferentes marcos de trabajo (Extjs, jQuery, Scriptaculous, Dojo etc.) entre una lista bastante grande de opciones, herramientas y perspectivas.Una característica muy útil es que brinda la posibilidad de asociar un proyecto con una conexión FTP para subir y descargar archivos …

El z-index es un atributo css que permite editar a un elemento hace referencia al orden en que los elementos se superponen unos con respecto a otros. Permite crear “capas” dentro de la web.A continuación un link de referencia que presenta ejemplos:

• Formulario interactivo que muestra resultados de la manipulación de z-index.
• Tutorial del z-index.