BLOG DE DISEÑO WEB CORUÑA

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

Simpletip, un tooltip con jQuery

Simpletip, un tooltip con jQuery

4.506 visitas

Vía sentidoweb me entero de este excelente plugin para crear tooltips con jQuery.

¿Por qué excelente?
Porque seguramente ya hemos agregado la librería jQuery a nuestra web para hacer algunas de todas las funciones que nos deja, entonces no necesitaremos mucho más para hacer funcionar estos tooltips.

LEER ENTRADA

Mootools + SWFObjects = Conflicto en IE6

Mootools + SWFObjects = Conflicto en IE6

4.376 visitas

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)

17.426 visitas

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

Menús contextuales con jQuery

Menús contextuales con jQuery

11.766 visitas

Con este plugin de jQuery podemos personalizar el menú contextual que vemos al hacer clic con el botón derecho de nuestro ratón.

Mientras leía el post de uno de sus creadores, me encontré con que hay otro plugin que cumple similar tarea por lo que dejo los links a ambos recursos que me parecen por igual de interesantes.

LEER ENTRADA

jQuery Alert Dialogs... reemplaza las alertas

jQuery Alert Dialogs... reemplaza las alertas

29.633 visitas

A menudo utilizamos alerts, prompts o confirms en nuestras webs o sistemas para avisar algo al usuario o pedirle su confirmación, o simplemente que entre un dato.

jQuery nos da una posibilidad enorme de mejorar estas feas ventanas de alerta de javascript con muy pocas líneas de código como siempre.

LEER ENTRADA

Igualar columnas css con jQuery

Igualar columnas css con jQuery

6.409 visitas

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

8.623 visitas

Ú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

LAVALAMP para los amantes de jQuery

LAVALAMP para los amantes de jQuery

5.573 visitas

Para quienes quieran implementar el "Menú LavaLamp" sin flash y con sólo 700 bytes (versión pack) de manera muy fácil en sus menús, no se pueden perder de mirar esta web.

El efecto es impresionante, a mí personalmente me gusta mucho, aunque aún no le implementado en ningún proyecto.

LEER ENTRADA

DD_belatedPNG (PNG´s 24-bit transparentes en Explorer 6)

DD_belatedPNG (PNG´s 24-bit transparentes en Explorer 6)

2.664 visitas

background-image + background-repeat + background-position + 24-bit PNGs para Internet Explorer 6 (...mejor tarde que nunca!)

Me encontré con esta web hace unos días y, aunque no probé su funcionamiento, me parece más que interesante porque es muy fácil de implementar, pesa muy poco y, al parecer, su comportamiento es correcto.

LEER ENTRADA

jQuery Validate: la rápida validación de formularios.

jQuery Validate: la rápida validación de formularios.

68.652 visitas

Cansado de usar siempre el mismo javascript para validar formularios o de procesar el formulario y validar en PHP los campos (cosa menos recomendada y que debo cambiar en esta web), me decidí por probar el plugin Validate de jQuery.

Con pocas líneas de código y otras pocas de CSS, tus formularios estarán validados rápidamente.

LEER ENTRADA

s3Slider: plugin para crear slideshows con jQuery

s3Slider: plugin para crear slideshows con jQuery

4.603 visitas

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

Excelente listado de 240 plugins para jquery

Excelente listado de 240 plugins para jquery

72.503 visitas

Hoy día, es muy difícil encontrar una web que no lleve algún efecto que se haga con la ya archi conocida librería javascript JQuery.

Yo la suelo usar bastante, por eso, y como siempre tengo a tiro este enlace en mis "marcadores" de Firefox, lo publico en mi web por si alguien más quiere verlo.

LEER ENTRADA

Nueva versión de la clase FPDF

Nueva versión de la clase FPDF

9.161 visitas

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

6.001 visitas

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

6.355 visitas

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

7.037 visitas

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

3.455 visitas

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