2012/09/06
Con la llegada de HTML5 vinieron muchísimas mejoras, entre ellas, la posibilidad de crear nuestros propios atributos en cada etiqueta HTML. Para el desarrollador y el diseñador web que se preocupa por hacer un código legible, fácil de entender y que cumpla con los estándares de la W3C, esto es un enorme avance. Gracias a la presión
2012/07/05
Para no darle muchas vueltas: No. Flash no está muerto. Quienes hacen esta afirmación deben tener cuidado de no encasillar al formato SWF como un objeto cuyo uso exclusivo es la web. Flash tiene muchas más aplicaciones que hacer precargadores bonitos o banners en un sitio web. No obstante es entendible el por qué de que algunos
2012/06/27
Para cualquier desarrollador web es vital conocer AJAX. AJAX (Asynchronous JavaScript And XML) es una técnica de programación utilizando Javascript, la cuál permite consultar y mostrar contenidos desde un repositorio sin tener que recargar la página en la que el usuario se encuentra. El repositorio puede ser cualquier elemento que permita almacenar datos para un sitio web:
2012/04/28
Una de las principales consideraciones al momento de crear un sitio web es la seguridad de los formularios. Estos pueden convertirse en puntos de entrada sensibles hacia el sistema. Un formulario inseguro puede desde sobrecargar un servidor hasta acceder y modificar información almacenada en una base de datos. Acá listamos 6 pasos sencillos para asegurar que los
2012/01/29
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
2011/04/28
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
2009/11/13
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.
2009/08/21
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
2009/08/21
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
2009/07/21
Un vistazo a la descripción y principales características de OOCSS (CSS orientado a objetos).
2008/09/30
Aptana Studio Community Edition Un IDE gratuito para desarrolladores Web De 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á
2008/08/28
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.
2008/08/01
Smashing Magazine analiza un conjunto de editores de código del mercado para el desarrollo. Un En Intergraphic Designs la experiencia indica que no existe un editor que lo haga todo bien, por ejemplo, dreamweaver puede ser uno de los mejores editores para trasladar del diseño al html, pero se queda corto con respecto a la programacion, en
2008/07/09
TurboDbAdmin es una excelente forma de administrar sus bases de datos de una forma rápida vía web, las ventajas sobre otras conocidas aplicaciones de este tipo, como phpMyAdmin, es el no tener que usar botones «Submit» ni refrescamientos de página, al tener todo al estilo Ajax es mucho más rápido hacer ediciones, insertar filas, ejecutar consultas SQL,
2008/07/02
Ha sido muy útil colocar links páginas que se despliegue en otra ventana para colocar, por ejemplo, para los vínculos hacia patrocinadores o banners. Sin embargo, esto no valida contra los estándares; sin embargo se propone una alternativa que sí lo hace en esta dirección. http://www.sitepoint.com/article/standards-compliant-world
2008/06/27
Es muy frecuente encontrar código CSS en varias líneas que podrían ser simplificadas en una sola. Muchos diseñadores CSS prefieren la versión «contraída» del CSS para tener menos código, reducir el tamaño de sus archivos CSS, etc. Acá presentamos algunos ejemplos conocidos sobre cómo se podrían simplificar algunas línea de código CSS: Backgrounds: CSS Expandido ( background
2008/06/16
Pues primero hay que tener claro qué es lo que se ejecuta en el servidor y luego qué es lo que se ejecuta en el cliente: Servidor: PHP: la programación conocida como «del lado del servidor». Cliente: CSS. Javascript HTML Primero que todo ninguno de los códigos anteriores se puede encriptar porque si fuera así se irrespetaría
2008/06/06
En la página http://www.websiteoptimization.com/services/analyze/ Se tiene acceso a una herramienta que permite verificar los tiempos de descarga de una página. Dentro del análisis tiene un «resumen» donde recomienda realizar ajustes (si es necesario) del tamaño del HTML, de la cantidad de archivos CSS y de la cantidad de imágenes incluidas. Muy útil cuando se estudia los diferentes
2008/05/29
Durante mucho tiempo hemos estado utilizando la herramienta FCKEditor en algunos formularios para permitir a los usuarios ingresar descripciones con formato, hipervínculos e imágenes. Sin embargo, comenzamos a tener algunos inconvenientes. Estuvimos editando algunos contenidos que tenían viñetas y listas numeradas en el navegador Mozilla Firefox; pero al visualizar ese contenido en el navegador Microsoft Internet Explorer
2008/05/28
Las Bibliotecas AJAX API es una red de distribución de contenido y una arquitectura de carga de las bibliotecas más populares de JavaScript. Al utilizar el método google.load() la aplicación pude tener un acceso de alta velocidad (disponible globalmente) a las siguientes bibliotecas: jQuery prototipo script.aculo.us MooTools Dojo Google se encarga de administrar y aceptar las versiones
2008/05/23
En la siguiente dirección: http://www.mozilla.com/en-US/firefox/all-rc.html ya es posible descargar Firefox 3 (al menos en su versión Release Candidate 1), es decir, que pronto estará disponible la versión final de Firefox 3. Esta nueva versión promete mucha más velocidad y una buena serie de facilidades que serán atractivas principalmente a desarrolladores. En cuanto a velocidad, se anunciaron mejoras
2008/04/25
Algunos se preguntan cómo hacer el gradiente de un sitio web (el degradado o transición de un color a otro) sin necesidad de utilizar una imagen, sino sólamente utilizando atributos CSS. Otra pregunta que es común encontrar es cómo rotar o inclinar un texto utilizando sólamente CSS. Actualmente estas características CSS no están totalmente implementadas, sin embargo,
2008/04/04
Queremos aprovechar este espacio para incluir algunas de nuestras recomendaciones sobre aquellas extensiones de Firefox que más nos ayudan en las tareas de diseño web. Web Developer En especial queremos hacer énfasis en «Web Developer» desde la cual es posible habilitar/dehabilitar varias características de la navegación como javascript, la visualización de css, las imágenes, etc; brinda información
2008/04/03
Una pregunta que muchos diseñadores web llegan a hacerse es cómo utilizar cualquier texto con cualquier fuente (tipo de letra) sin necesidad de tener que editar una imagen, y haciendo que este texto sea reconocido por los buscadores más populares. Esto era imposible hasta hace unos años, y es un tema solucionado gracias al sIFR, una técnica
2008/04/01
Algunos de nuestros clientes o contactos, nos han hecho llegar su inquietud sobre algún enlace que puedan tomar como referencia para iniciar su aprendizaje en HTML. Encontramos una buena serie de tutoriales en SitePoint.com que sin duda son una excelente forma de iniciar. El primer nivel del tutorial se encuentra en la siguiente dirección: http://www.sitepoint.com/article/beginners-html-1