BLOG DE DISEÑO WEB CORUÑA

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

Incrustar PDFs en tu web con Google Docs

Incrustar PDFs en tu web con Google Docs

4.752 visitas

De la mano de Anieto2K me encuentro esta excelente utilidad para incrustar un PDF dinámicamente en nuestra web sin tener que lanzar el Adobe Reader.

Simplemente se trata de una línea de código y generará un visor para el documento.

LEER ENTRADA

Uso de jScrollPane para jQuery. Elegante scroll en tus div

Uso de jScrollPane para jQuery. Elegante scroll en tus div

37.006 visitas

Este es un plugin que ya he utilizado varias veces para mostrar contenido ´encajado´ en ciertas dimensiones y mejorar la barra de scroll que muestran los navegadores.

De sobra sabemos que el colorear las barras de scroll con CSS funciona sólo en Explorer... porque simplemente no es código válido. Entonces, qué mejor que implementar esta realmente fácil solución.

LEER ENTRADA

Detectar que el visitante navega desde un dispositivo móvil con PHP

Detectar que el visitante navega desde un dispositivo móvil con PHP

25.249 visitas

A raíz de abrir la versión ´mobile´ de mi web, me he interesado últimamente en como detectar que el usuario que nos visita lo hace desde un dispositivo móvil (léase PDA, iPhone, blackberry, palm, etc...). Entonces, dando vueltas por ahi, he dado con una función en PHP muy fácil de implementar y que cumple mi objetivo a la perfección.

En la web de su creador (que no es gratis para proyectos comerciales) puede configurarse la función al propio gusto y luego descargar el código generado.

LEER ENTRADA

AnyThing Slider... jquery plugin

AnyThing Slider... jquery plugin

6.856 visitas

Como bien dice su autor, sí, es otro slider para jquery. Pero éste tiene una particularidad y es que une un montón de características  de otros.

A mi, personalmente, me resulta más que interesante y no creo que pase mucho tiempo hasta que lo pruebe. Mucho no se puede contar, más de lo que publica Chris Coyer en CSS-TRICKS.

LEER ENTRADA

Nuevos plugins para jQuery

Nuevos plugins para jQuery

3.716 visitas

En una nueva edición de mi recorrida por los plugins de jQuery.com me encuentro con varios nuevos bastante buenos y, como estoy de vacaciones (léase un poco vago) y no quiero escribir sobre cada uno por separado, haré una reseña de todos a la vez.

jQuery MaxChar plugin
Este plugin es para limitar el número máximo de caracteres permitidos en un campo de texto o textarea. Es muy útil porque va mostrando una cuenta regresiva con los caracteres disponibles en tiempo real.

LEER ENTRADA

ListBox doble con filtro de búsqueda usando jQuery

ListBox doble con filtro de búsqueda usando jQuery

18.361 visitas

En la web de jQuery.com me encontré con un usuario que publicó un plugin para hacer listas dobles (es decir, el clásico: una lista con todas las opciones y los botoncitos para ´pasar´ a la otra los items que queremos), pero con una más que interesante opción de un campo de texto en la parte superior que sirve para filtrar aquellas opciones de nuestra lista según el texto ingresado.

Es más difícil explicarlo que verlo. Las características que tiene, además del potente filtro, son que pueden ´pasarse´ de una lista a otra, un elemento, muchos, muchos a la vez y lo mismo con quitarlos de la segunda lista.

LEER ENTRADA

Bordes redondeados con jQuery sin imágenes

Bordes redondeados con jQuery sin imágenes

19.260 visitas

Seguramente ya habrás utilizado o conocerás esta técnica. Se trata de poder utilizar bordes redondeados (que tan bien quedan) en los elementos de tu web sin utilizar imágenes para ello. El método, se vale de jQuery para adaptar los divs que indiques con el efecto que desees y, como se puede ver en la demo online que publiqué, es totalmente transparente con respecto a tu fondo.

Para aplicarlo, luego de agregar la librería jQuery en el head de tu web, debes indicar qué capa quieres redondear y el plugin se encarga de todo.

Mírate los códigos que aparecen a continuación, o mira el source de la demo.

LEER ENTRADA

Efecto ´Page Slide´ con jQuery

Efecto ´Page Slide´ con jQuery

7.337 visitas

Descubro hoy en jquery.com un nuevo plugin para jquery que simula el efecto de deslizar parte de la pantalla para darle al visitante un mensaje o mostrar cierto contenido en forma de slide, ya sea desde la izquierda o la derecha.

Realmente, le veo muchos usos en próximos proyectos, tales como pedir confirmaciones a botones pulsados, formularios de login, mensajes a destacar, y muchas cosas que se te puedan ocurrir.

LEER ENTRADA

jqTransform: Formularios elegantes con jQuery

jqTransform: Formularios elegantes con jQuery

12.993 visitas

Dando una vuelta por los blogs habituales que suelo leer, me encuentro con jqTransform, un plugin para jQuery que sirve, nada más y nada menos, que para mejorar (y mucho) la apariencia de nuestros formularios web.

Su aplicación es muy fácil y personalizable al 100%. Sólo debes seguir 3 pasos:

LEER ENTRADA

Marca de Agua en PHP

Marca de Agua en PHP

10.499 visitas

Hace unos días, necesitando crear dinámicamente una marca de agua sobre las fotos que subía por file upload en PHP, programé unos cambios a una función que uso habitualmente para los upload, con lo que se fusionan ambas imágenes.

Aunque en el ejemplo, la marca de agua es excesiva, puede hacerse a tu gusto, siempre que exportes el archivo en formato PNG 32 con fondo transparente.

LEER ENTRADA

Excelentes tutoriales de Adobe Fireworks

Excelentes tutoriales de Adobe Fireworks

4.901 visitas

Como no todo va de jQuery, me encontré con un blog que nos propone una serie de tutoriales para Adobe Fireworks (sí, marca registrada) y como enseña cosas que están muy de moda en las webs de hoy día, me propuse a hacer una lista con las que consideré mejores.

Ahi van:

LEER ENTRADA

Redimensionar texto con jQuery

Redimensionar texto con jQuery

4.340 visitas

Leo en shopdev una interesante técnica para agrandar o reducir el texto de tu web mediante jQuery. Realmente es muy fácil de implementar.

Los únicos requisitos son, utilizar el mismo tipo de medida para los textos que utilices, es decir, por ejemplo, todos los textos marcados en porcentaje, pixels, puntos, etc... pero todos por igual.

LEER ENTRADA

qTip... tooltip en versión plugin de jQuery

qTip... tooltip en versión plugin de jQuery

3.400 visitas

qTip es un plugin para jQuery que nos permite que nos permite poner tooltips personalizables en nuestra web de un modo muy fácil.

Tiene varias características que lo hacen muy a ser tenido en cuenta a la hora de aplicar estos tooltips (que a veces son un poco pesados, porque negarlo)... entre ellas:

- Vale para todos los navegadores (sí, IE6 también)
- Personalizable vía CSS
- Si no tienes javascript activado, verás la cajita fea típica de tu navegador
- Fácil de posicionar
- Bordes redondeados sin imágenes
- Posibilidad de agregarle contenido vía AJAX

Y lo más importante, con licencia para usarlo donde quieras, como quieras y para lo que quieras.

Si quieres descargarlo o ver unas demos, te aconsejo mirarte la web de su autor.

LEER ENTRADA

TinyTable y el arte de ordenar tablas en javascript

TinyTable y el arte de ordenar tablas en javascript

5.871 visitas

Hoy, ante la necesidad de manejar muchas opciones para ordenar una tabla con varios registros, buscaba la mejor forma de hacerlo sin tener que recargar la página ya que los resultados mostrados, dependían de muchas opciones y provenían desde 5 buscadores distintos.

Entonces, googleando, me encontré con esta fabulosa solución que nos ofrece su creador.

LEER ENTRADA

Validación personalizada de formulario

Validación personalizada de formulario

7.984 visitas

Esta vez, como tenía que validar un formulario y no quise usar jQuery para hacerlo, me puse a escribir mi propia función.

Necesita solamente de unos toques de CSS y 2 funciones en javascript, una para validar en sí y otra para restablecer el ´class´ de los elementos si fueron rellenados por el usuario.

LEER ENTRADA

jQuery imgPreview plugin

jQuery imgPreview plugin

3.837 visitas

Un nuevo y excelente plugin vio la luz para jQuery. Se trata de un plugin que permite previsualizar una imagen de un modo similar a un tooltip pero con pocas líneas de código.

Permite mostrar una imagen sin necesidad de hacer click y tiene muchas opciones para personalizar la muestra ya sea con CSS o simplemente ajustando tamaños.

LEER ENTRADA

Una galería de imágenes gratuita en Flash

Una galería de imágenes gratuita en Flash

5.838 visitas

Imagin es una galería de fotos gratis de flash para tu sitio web. Puede organizar las fotos y películas, y mostrarlas como presentación de diapositivas. Es fácil de actualizar la galería con nuevas imágenes, simplemente subir tus fotos a través de ftp.

Hasta aquí el texto traducido de la web de su autor. Ahora mi opinión. Está realmente muy bien desarrollada, porque es muy fácil de utilizar. Sólo debes subir tus imágenes dentro de la carpeta pictures y si quieres organizar por subcategorías, solo debes crear las carpetas y meter las imágenes dentro.

La galería se ocupa del resto.

LEER ENTRADA