BLOG DE DISEÑO WEB CORUÑA

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

Cloud Zoom, ampliar tus imágenes con clase

Cloud Zoom, ampliar tus imágenes con clase

6.396 visitas

Cloud Zoom es un plugin para jQuery que se compara con otras versiones comerciales que hacen lo mismo como el conocido Magic Zoom. Su autor asegura que es más liviano que otro plugin similar, el jQZoom, y es más robusto en los distintos navegadores, además de tener más opciones configurables.

Características
* Funciona con la mayoría de los navegadores (probado en IE6 +, Firefox, Chrome, Opera, Safari).
* Fácil integración con HTML válido.
* 6Kb en la versión comprimida.
* Movimiento del zoom suavizado.
* Modo Galería.
* Tinte, enfoque suave y funciones de zoom interno.
* Totalmente accesible sin CSS o navegadores de texto solamente.
* Es completamente gratis.

LEER ENTRADA

Color Picker... un selector de colores con jQuery

Color Picker... un selector de colores con jQuery

6.382 visitas

Este plugin es un tanto antiguo, pero como es la primera vez que lo necesito y aplico en una web, me pareció interesante compartirlo, sobre todo por la facilidad que tiene para ser usado.

En mi caso, lo utilizo para que el cliente pueda elegir el color que tendrá por CSS determinadas familias de productos y así cambiar el color según las familias.

LEER ENTRADA

TinyTips, tooltips atractivos con jQuery

TinyTips, tooltips atractivos con jQuery

6.490 visitas

TinyTips es un plugin para jQuery que tiene como objetivo mejorar los alt y titles de nuestros enlaces. Su ventaja es que es super liviano y fácil de implementar. Su desventaja es que no persigue al ratón y se queda estático y no termina de ser del todo agradable.

Su implementación es muy fácil, basta la librería jQuery, un .JS super liviano y un poquito de CSS para adornar tus tooltips a tu gusto.

LEER ENTRADA

jQuery counter plugin... limitar los caracteres de tus textareas

jQuery counter plugin... limitar los caracteres de tus textareas

7.651 visitas

Este plugin de tan solo 8kb (en su versión reducida) nos da la posibilidad de limitad los caracteres o palabras que nuestros usuarios podrán escribirnos en nuestros textareas de un modo similar al que usa Twitter.

Su funcionamiento es muy simple y, según su autor, funciona con jQuery 1.4. Hay excelentes demos publicadas en la web de su creados que no vale la pena reproducir y su uso es tan fácil como 3 líneas de javascript indicando el id de tu textarea.

LEER ENTRADA

Scroll to top, un plugin jQuery para ´volver arriba´

Scroll to top, un plugin jQuery para ´volver arriba´

6.246 visitas

Este plugin es un tanto antiguo, pero nunca está de más utilizarlo en páginas con grandes cantidades de texto o mucho scroll vertical.

Básicamente se encarga de hacer aparecer de la nada un enlace abajo de todo una vez que comenzamos a hacer scroll, que nos devolverá a la posición original de la web.

LEER ENTRADA

Microsoft Windows te dejará elegir el navegador web que prefieras

Microsoft Windows te dejará elegir el navegador web que prefieras

4.551 visitas

Cumpliendo con la normativa que le fue impuesta a Microsoft por parte de la Unión Europea, Windows, mediante una actualización de Windows Update, permitirá al usuario descargar y usar como predeterminado el navegador que web que seleccione de una lista que va desde Opera, Safari, Firefox, Internet Explorer hasta Google Chrome.

Esto se dará en toda Europa a partir del 1 de Marzo de 2010, aunque en algunos países como Holanda o Francia empezará a partir del 23 de febrero.

LEER ENTRADA

Miniaturas con títulos transparentes en jQuery

Miniaturas con títulos transparentes en jQuery

5.163 visitas

Este plugin está muy visto ya, pero no por eso deja de sernos muy útil a la hora de presentar miniaturas con algún título o descripción. Evidentemente, por el tamaño de la miniatura, no puede ser mucho el texto que le agregues, pero para un título o una muy breve descripción, llega de sobra.

Es muy fácil de aplicar, como casi todo lo que se hace utilizando jQuery, se personaliza mediante tu hoja CSS y unos pocos parámetros podremos lograr unos efectos muy buenos.

LEER ENTRADA

Sugerencias de búsquedas con título y enlace web en Google

Sugerencias de búsquedas con título y enlace web en Google

4.512 visitas

En la versión inglesa de la web de Google (www.google.com) mientras vas escribiendo el texto de la búsqueda, el buscador te ofrece una lista de palabras sugeridas y, la sorpresa del día, enlaces a algunas webs conocidas. Imagino que estará en pruebas y solo lo hace con webs famosas -la mía no la sugiere :(-

Yo me pregunto si ésto llevará en breve a Google a vender estas sugerencias con url en los criterios de búsqueda que utilice la gente... porque, si se mantiene gratis, me parece más que interesante...

LEER ENTRADA

Cartel rotatorio como esos de las carreteras con jQuery

Cartel rotatorio como esos de las carreteras con jQuery

6.987 visitas

Este plugin sirve para hacer un slider de imágenes que van rotando en trozos, similar a los que se ven en las carreteras, que van cambiando de una publicidad a otra por pequeñas partes verticales.

El uso es muy sencillo, se configura por CSS, lo malo es tener que hacer la gran cantidad de imágenes que se necesita para si quieres que las partes verticales no sean muy anchas. Como puedes ver en este link, debes cortar tu cartel en trocitos...

LEER ENTRADA

jStickyNote... notas adhesivas en tu web con jQuery

jStickyNote... notas adhesivas en tu web con jQuery

8.221 visitas

Este plugin tiene por finalidad poner esos tan útiles post-it (MR) que siempre vemos en todas oficinas, tapando la mitad de los monitores con todas las cosas pendientes por hacer...

Pues bien, ahora podemos llenarle el monitor de notitas adhesivas a nuestros visitantes con recordatorios, mensajes o lo que quieras.

LEER ENTRADA

Barra de slider al estilo Safari con jQuery

Barra de slider al estilo Safari con jQuery

5.585 visitas

Otro interesante plugin de jQuery para seleccionar valores entre un rango determinado de un modo más gráfico que los 2 clásicos campos del tipo input.

Se trata de una barra donde se pueden arrastrar tanto el valor inicial como el final de fechas, importes y todo lo que se te ocurra.

LEER ENTRADA

Tamaño de imágenes automático con jQuery

Tamaño de imágenes automático con jQuery

30.297 visitas

Este es el primero de una lluvia de post que voy a publicar todos juntos porque en este fin de semana dí con varios plugins para jQuery que me parecieron interesantes.

En este post, le toca el turno al jQuery maxImage plugin, que se encarga de redimensionar automáticamente las imágenes según su ratio, tamaño de la ventana del navegador y otras opciones.

LEER ENTRADA

Menú o barra lateral (sidebar) siempre visible con scroll y jQuery

Menú o barra lateral (sidebar) siempre visible con scroll y jQuery

84.604 visitas

Encontré el otro día en CSS-TRICKS un excelente ejemplo de como hacer que una barra lateral o menú o submenú (o lo que quieras) acompañe siempre con movimiento vertical al contenido central de la web.

Realmente es muy útil, por ejemplo, para grandes cantidades de texto en las que quieres mostrar unos enlaces internos a determinadas partes de ese texto o subsecciones o lo que quieras.

LEER ENTRADA

Escritorio vacío en windows 7

Escritorio vacío en windows 7

8.211 visitas

Hoy, encendí mi PC como todos los días y me encontré con la sorpresa de que habían desaparecido todos mis iconos del escritorio. Se veía la barra de inicio y todo funcionaba correctamente, pero el escritorio sólo mostraba el background que tengo normalmente.

Luego de comprobar que los iconos estaban -mediante el Explorador de Windows- y de hacer una copia del escritorio a la otra partición, me puse a buscar la solución...

LEER ENTRADA

CU3ER... un slider 3D en flash gratuito

CU3ER... un slider 3D en flash gratuito

14.138 visitas

Si estás cansado/a de tanto jQuery para tus sliders o de usar siempre el mismo swf para hacer un carrousel de imágenes, te dejo una solución MUY BUENA para reemplazarlo.

Se trata de CU3ER, un slider 3D hecho en flash, gratuito y con muchas funcionalidades configurable por un simple XML (ver código 1).

LEER ENTRADA

Code Snippets en CSS TRICKS

Code Snippets en CSS TRICKS

3.440 visitas

Uno de los mejores blogs que visito muy a menudo, del cual se pueden sacar cosas más que interesantes sobre CSS, jQuery y demás cosas abrió una nuevo sección llamada "CODE SNIPPETS" la cual recopila muchos pequeños trozos de código (CSS, PHP, jQUERY, HTACCESS, JavaScript) fáciles de implementar y que nunca está de más tenerlos a mano.

Enlace: Code Snippets en CSS-TRICKS

LEER ENTRADA