Usar Firefox 2 y Firefox 3 simultáneamente

26/08/2008 | 2 Comentarios | Categorías: Navegadores

En este post aprenderemos cómo tener instalados y ejecutar al mismo tiempo Mozilla Firefox 2 y Firefox 3, algo muy útil para probar nuestro diseños en ambos navegadores.

La guía está escrita para Windows, pero se puede extrapolar a Mac y Linux. Leer artículo completo

Ajax con Prototype. Parte II

18/08/2008 | Sin comentarios | Categorías: JavaScript, Programacion

En el anterior artículo vimos como trabajar con AJAX sin ayuda de ningún framework que nos facilitara la tarea. A continuación realizaremos una petición asíncrona utilizando el framework Prototype.

El primer paso es descargar la librería desde http://www.prototypejs.org. Una vez copiada en los directorios de nuestro proyecto el siguiente paso será enlazarla en nuestro código HTML.

Leer artículo completo

Etiquetas: , ,

Ajax con y sin Prototype (Parte I)

08/08/2008 | Sin comentarios | Categorías: JavaScript, Programacion

Prototype es una de las librerías de Javascript mas usadas actualmente para realizar todo tipo de operaciones en la web. Desde las utilidades cross-browsing hasta efectos, pasando por Scriptaculous, este framework nos ayudará a desarrollar nuestro site sin quebraderos de cabeza producidos por los distintos navegadores.

Una de las operaciones que podemos realizar fácilmente con Prototype son las peticiones AJAX. En este artículo veremos como realizarlas creando nosotros el objeto XMLHTTP o bien utilizando los métodos que Prototype pone a nuestra disposición.

Leer artículo completo

Etiquetas: , ,

Nuevo fix para PNG transparentes en Internet Explorer

06/08/2008 | Sin comentarios | Categorías: Diseño, JavaScript

Cualquier diseñador con algo de experiencia sabe que los archivos PNG e Internet Explorer 6 no hacen muy buenas migas. Actualmente hay varias alternativas para solucionar este “bug”, como la ofrecida por TwinHelix PNG Fix o 24ways transparent png.

Estas opciones, supuestamente fáciles de utilizar, se pueden complicar en ocasiones y además tienen algunas limitaciones (por ejemplo utilizar PNGs como fondo posicionado de un elemento).

Leer artículo completo

Etiquetas: ,

Overflow a fondo

05/08/2008 | Sin comentarios | Categorías: CSS

La propiedad overflow sirve para especificar el comportamiento de un elemento cuando su contenido supera el tamaño del mismo. Por defecto, el contenido “extra” será visible, pero puede tener otros valores.

Overflow es soportada correctamente por todos los navegadores excepto IE6 e inferiores, que dependiendo de las circunstancias dará algunos problemas.
Leer artículo completo

Etiquetas: ,

Formularios personalizados con Prettycheckboxes

04/08/2008 | Sin comentarios | Categorías: Componentes, JavaScript

Personalizar formularios es una tarea bastante común en el diseño web, y en muchas ocasiones bastante frustrante. Sobre todo a la hora de crear radio buttons y checkboxes personalizados.

Prettycheckboxes es una solución basada en jQuery que ofrece consistencia además de garantizar toda usabilidad de los componentes originales. Estos no pierden ninguna de sus funcionalidades, además de ser totalmente personalizables.

Prettycheckboxes

El script funciona en los siguientes navegadores:

  • Firefox 2.0 y superiores.
  • Opera 9.5
  • Safari 3.1.1
  • Internet Explorer 6 y superiores.

Cómo mantener el footer en la parte inferior del navegador

03/08/2008 | 5 Comentarios | Categorías: CSS

La mayoría de los diseños actuales cuentan con un pie de página o footer, donde generalmente se suele añadir información de contacto, derechos de autor y otros datos relevantes. Por definición, el footer se muestra al final de la página, después de todo el contenido.

En muchas ocasiones el contenido de nuestra página no es suficiente como para que el footer se desplace hasta la parte inferior del navegador, dando una impresión de vacío bastante poco elegante, sobre todo si el pie de página tiene una imagen de fondo repitiéndose y no coincide con el fondo general del diseño.

A continuación vamos a describir una forma de solucionar esto. Obviamente este método no es el único, pero es el que hemos considerado más correcto.

Leer artículo completo

Etiquetas: , ,

20 diseños web corporativos

01/08/2008 | Sin comentarios | Categorías: Diseño, Inspiracion

Un sitio web corporativo es la imagen que tendrá nuestra empresa en la red, por lo que su diseño ha de adecuarse a las ideas, clientes y productos de nuestro negocio.

A continuación presentamos 20 excelentes ejemplos de diseños corporativos:

3000k

Leer artículo completo

Blog Information Profile for deidos