html5-javascript

2012/09/06

Atributos personalizados para HTML5 y Javascript

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

flash

2012/07/05

¿Está muerto Flash?

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

ajax

2012/06/27

Ajax: Lo que no se debe hacer

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:

6consejos

2012/04/28

6 tips para mejorar la seguridad de tus formularios web

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

quazar

2012/01/29

Presentamos Quazar, nuestra nueva compañía hermana experta en Responsive Web Design y diseño de Mobile Apps

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

html-css3

2011/04/28

HTML5 y CSS3

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

closure

2009/11/13

Una semana después de su publicación, Google Closure recibe varias críticas de expertos

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.

open_flash

2009/08/21

Opciones para crear gráficas web

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

grafica

2009/08/21

Componente Flash para crear gráficos

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

oocss
aptana

2008/09/30

Aptana Studio, una revisión general.

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á

index

2008/08/28

El atributo z-index.

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

code

2008/08/01

Editores de código fuente

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

turbo

2008/07/09

TurboDbAdmin, administre sus BD via web, con este módulo Ajax

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,

target

2008/07/02

Funcionalidad target=”_blank”

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 Tweet

css

2008/06/27

¿Cómo abreviar el código CSS?

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

Es posible encriptar CSS, Javascript, HTML o PHP?

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

download

2008/06/06

Analizando Tiempos de Descarga de Páginas Web.

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

fck

2008/05/29

Editores WYSIWYG. FCKEditor vs TinyMCE

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

ajax

2008/05/28

AJAX Libraries API

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

firefox

2008/05/23

Firefox 3 Release Candidate 1

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

css

2008/04/25

¿Cómo hacer gradientes o rotar una página con CSS?

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

Extensiones de Firefox recomendadas para diseño web

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

¿Qué es el sIFR?

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

Tutoriales para aprender HTML

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 Tweet