Este pasado viernes 27 de enero publicamos el nuevo sitio web de Quazar (http://www.quazarwebdesign.com), nuestra nueva compañía hermana, experta en todo lo relacionado a Responsive Web Design y diseño de Mobile Apps.

Nacimiento de Quazar

Cada vez más usuarios acceden a Interet desde dispositivos móviles tales como tablets y smartphones. De la misma forma, los últimos años han estado caracterizados por un gran auge en el desarrollo de aplicaciones móviles, principalmente para iOS y Android. Por esta razón, nuestra compañía ha unido esfuerzos con el nuevo CEO de Quazar, Neftalí Loría para crear esta división de la empresa y ofrecer estos nuevos servicios a nuestro amplio grupo de clientes y amigos, tanto a nivel nacional como fuera de Costa Rica.

¿Qué es “Responsive Web Design”?

El diseño web “sensible” o “Responsive Web Design” en inglés, es una técnica utilizada para crear sitios web que muestren …

Hoy tuvimos la oportunidad de compartir con estudiantes de la escuela de Ingeniería en Computación del Tecnológico de Costa Rica una charla en la que expusimos un poco sobre HTML5 y CSS3. Exploramos las nuevas capacidades que vienen a mejorar la experiencia para el usuario y los aportes en cuanto a diseño y rendimiento.

La implementación de estas nuevas tecnologías ha empezado a tomar más fuerza en los últimos meses gracias a la salida de versiones actualizadas de los principales navegadores de internet (incluso el infame Internet Explorer, que con su última versión trata de ponerse al nivel …

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