BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Mootools + SWFObjects = Conflicto en IE6

Mootools + SWFObjects = Conflicto en IE6

31/ENE/2009 4.085 visitas Ver comentarios

Bueno, como siempre, una vez terminada una web, es necesario empezar con los hacks para explorer (cuando se acabará esta historia!)...

En una esquina...
Una web que usa SWFObjects para mostrar una transición de fotos en flash a modo de cabecero, que se repite en todas las páginas interiores.

Y en la otra esquina...
Una página interior que hace uso de un calendario en Javascript que necesita de Mootools para ejecutarse...

No es de extrañar que en firefox funcione bien...

Entonces, comienza el combate, recorremos toda la web en explorer 6 y nos encontramos con que todo funciona hasta que llegamos a la página del dichoso calendario...

IE7 da un error de Javascript pero sigue adelante con la carga de la página. Eso sí, el script del calendario nunca funcionará...

LEER ENTRADA

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

16/ENE/2009 16.531 visitas Ver comentarios

Si alguna vez maquetaste un formulario con CSS y necesitabas, claro está, que el ancho de los objetos -campos de texto, selects, etc...- tengan un ancho fijo, sabrás que con declararle un width en tu hoja CSS bastaba.

Ahora bien,
Si le aplicaste un ancho fijo a los SELECT, y tuviste la mala suerte de que las opciones de esa lista se pasasen en tamaño del ancho declarado, comprobarás que en Explorer 6, 7 (y me imagino que todos los demás, aunque el 8 no lo probé aun) se esconde el contenido tal como se ve en la foto que hay aquí a la derecha.

Sabrás también, que en el resto de los navegadores "normales" como Firefox, Opera, Safari, Chrome, esto no pasa y que solo afecta al Explorer (cuando no...)

LEER ENTRADA

Igualar columnas css con jQuery

Igualar columnas css con jQuery

31/DIC/2008 6.022 visitas Ver comentarios

Cuando maquetábamos webs con tablas (sí... soy culpable, yo también usé tablas), era muy fácil igualar el alto de columnas (no en contenido, sino en altura total de la caja).

Ahora, con los CSS, se hace un poco más complicado, porque claro, intentaremos dejar eso de las tablas para eso de los datos tabulares, por lo que no podremos valernos de esa ayudita...

LEER ENTRADA

jQuery date picker plug-in

jQuery date picker plug-in

23/DIC/2008 8.279 visitas Ver comentarios

Últimamente me estoy encontrando con que muchos de mis proyectos requieren la integración de un "date picker" o selector de fecha. ¿No sabes qué es? Esos campos de texto de un formulario en el que te piden una fecha y, generalmente, tienen un botoncito que te abre un calendario flotante que, al seleccionar una fecha, desaparece y coloca la fecha seleccionada en el campo de texto en cuestión.

Pues bien, como casi casi siempre utilizo el mismo, me decidí a subirlo a mi web, aunque la versión original de este plugin, con su documentación completa y ejemplos de varios tipos, puede encontrarse en la web del autor: kelvinluck.

LEER ENTRADA

s3Slider: plugin para crear slideshows con jQuery

s3Slider: plugin para crear slideshows con jQuery

26/NOV/2008 4.291 visitas Ver comentarios

Vía webintenta me entero que existe esta genialidad: s3Slider jQuery plugin es un script realmente espectacular para crear "slideshows". Tan sólo hay que echar un vistazo a la demo para darse cuenta del potencial que tiene. La implementación es realmente sencilla, sólo hay que hacer las pertinentes inclusiones -jquery.js y s3Slider.js-.

En la web del plugin podemos descargar varias versiones, una de ellas con ejemplos completos. El plugin está testado para la totalidad de los navegadores más habituales.

LEER ENTRADA

Nueva versión de la clase FPDF

Nueva versión de la clase FPDF

14/NOV/2008 8.487 visitas Ver comentarios

Esta famosa clase usada para generar PDFs al vuelo desde la web, actualizó su versión con grandes mejoras según comentan en su sitio web:

v1.6 (2008-06-08)
- GIF image support.
- Images can now trigger page breaks.
- Possibility to have different page formats in a single document.
- Document properties (author, creator, keywords, subject and title) can now be specified in UTF-8.
- Fixed a bug: when a PNG was inserted through a URL, an error sometimes occurred.
- An automatic page break in Header() doesn’t cause an infinite loop any more.
- Removed some warning messages appearing with recent PHP versions.
- Added HTTP headers to reduce problems with IE.

LEER ENTRADA

Layouts en CSS gratis

Layouts en CSS gratis

31/OCT/2008 5.443 visitas Ver comentarios

Si no se te da bien eso de maquetar la hoja de estilos para tu web, te dejo este recurso que, aunque ya hace mucho que está disponible, te vendrá bien si quieres empezar con eso de "no usar más tablas" para hacer tu web.

Vía aNieto2k me encuentro este excelente recurso, CSS Layout, en el que ofrecen plantillas gratuitas y compatibles con la mayoría de los navegadores.

LEER ENTRADA

Pon un PNG con fondo transparente...

Pon un PNG con fondo transparente...

26/SEP/2008 5.818 visitas Ver comentarios

Hasta ahora, y convencido por usar multiplesIE, creía que todos los parches para que se vean tus PNG con fondo transparente funcionaban pero el otro día me encontré en una situación un tanto difícil de explicar.

Había hecho un boceto para una web, que era un PNG completo con fondo transparente porque tenía que pisar sobre un fondo que se escala a la resolución del navegador.

LEER ENTRADA

Prueba tu diseño web en distintos navegadores

Prueba tu diseño web en distintos navegadores

25/SEP/2008 6.516 visitas Ver comentarios

Hace poco me topé con este servicio/web que está realmente genial para aquellos que queremos que una web se vea bien en todos los navegadores.

Aunque, personalmente, opino que habría que dejar de desarrollar pensando en IE6, que, además de antiguo, es anti estándares y anti todo... nunca está demás probar este servicio.

LEER ENTRADA

Google Chrome, el navegador de Google

Google Chrome, el navegador de Google

16/SEP/2008 3.033 visitas Ver comentarios

Google Chrome: el navegador web de Google. ¿Alguien creía que algo así no iba a llegar algún día? Es un paso más de la estrategia de Google por conquistar la web y le acerca aún más a un futurible Google OS, sobretodo por algunas de las características que implementa.

A pesar del apoyo que Firefox ha recibido de la empresa del buscador, Google Chrome no estará basado en este, sino que utilizará el motor de renderizado de Safari, WebKit, lo que supone un espaldarazo importante para este navegador, cuyo motor corre ya en Windows, Mac, el iPhone, S60,...

LEER ENTRADA