BLOG DE DISEÑO WEB CORUÑA

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

Macy, una librería Masonry muy liviana en javascript

Macy, una librería Masonry muy liviana en javascript

17/AGO/2017 1.367 visitas Ver comentarios

Macy.js es una librería en javascript muy liviana (tan solo 4kb) sin dependencias externas diseñada para ordenar items verticalmente y convertirlos en columnas buscando siempre el mejor layout con el mínimo alto posible.

A estas alturas, todo el mundo conoce la archiconocida librería Masonry. Macy.js viene a ser una librería similar pero con algunas características que la hace más que interesante.

LEER ENTRADA

Recopilatorio: 10 plugins jQuery que debes tener en cuenta

Recopilatorio: 10 plugins jQuery que debes tener en cuenta

04/JUL/2017 1.502 visitas Ver comentarios

Vamos a reconocerlo, nos gustan los recopilatorios... Somos fans de esos post que nos ofrecen una lista de recursos lista para usar, elegir el que mejor le cae a nuestro proyecto y utilizarlo.

Por eso, hoy les dejamos una selección de plugins que utilizan jQuery (o javascript) y que unido a frameworks tales como Bootstrap (en algunos casos) nos facilitarán la tarea. Vamos a ello.

LEER ENTRADA

Font Awesome icon picker con jQuery sin bootstrap

Font Awesome icon picker con jQuery sin bootstrap

06/ABR/2017 3.110 visitas Ver comentarios

Buscando mejorar los gestores de contenidos que preparo en mis proyectos, me encontré con la necesidad de agregar un selector de iconos basado en la famosa tipografía Font Awesome.

Si no conoces esta tipografía te cuento que, entre sus ventajas, dispone de más de 675 iconos, que te ofrece escalabilidad vectorial, posibilidad de aplicar efectos como sombras, cambios de color, que no requiere javascript, que está servida desde un CDN mucho más que cacheado por todos los servidores y mucho más siendo, su desventaja, su peso si vas a utilizar pocos iconos, es decir, si no vas a realmente aprovechar todo su potencial.

LEER ENTRADA

Desenfocar imágenes con jQuery Background Blur plugin

Desenfocar imágenes con jQuery Background Blur plugin

04/ENE/2017 2.527 visitas Ver comentarios

Desenfocar imágenes (sobre todo las usadas como fondo) suele quedar muy bien... El problema de este efecto es que, si no queremos usar los filtros de CSS por problemas de compatibilidad con los navegadores, tenemos que depender de hacer la imagen desenfocada (con blur) y la normal y esto nos cuesta demasiado trabajo.

Pues bien, Background Blur viene a darnos una solución muy elegante y muy liviana (de tan solo 4 kb) que se encargará mediante el soporte SVG de nuestros browsers de aplicar el blur a las imágenes de una manera muy elegante y fácil (tan solo una línea de código bastaría). Efecto al cual puede aplicarse una animación si queremos realizar transiciones entre imágenes.

LEER ENTRADA

Edit in Place con jQuery, Ajax y PHP v2016

Edit in Place con jQuery, Ajax y PHP v2016

26/OCT/2016 2.439 visitas Ver comentarios

Por tercer año consecutivo, Octuweb confía en MartinIglesias.eu para para participar en su blog colaborativo en el que, durante el mes de octubre, un autor diferente escribe un post relacionado con el desarrollo web, marketing online, frameworks, etc.

Si los años anteriores escribí sobre Responsive Tables en HTML o Como manipular CSS mediante Javascript, este año voy un poquito más allá y actualizo mi viejo post de Edit in Place con PHP para llevarlo a un nuevo nivel.

LEER ENTRADA

Selección de 5 plugins jQuery para tus webs

Selección de 5 plugins jQuery para tus webs

06/JUN/2016 2.322 visitas Ver comentarios

Nos gustan las listas, siempre aparecen posts en muchos blogs con los mejores 20 de esto o los mejores 50 de aquello... Pues bien, aquí van 5 plugins jQuery que vale la pena mirar.

Nos encontramos de todo, desde sistema de pestañas, sistemas de menús, tooltips, plugins para mejorar la legibilidad de los textos, etc... Vamos a ello :)

LEER ENTRADA

Antes y después en fotografías con TwentyTwenty para jQuery

Antes y después en fotografías con TwentyTwenty para jQuery

31/MAY/2016 2.068 visitas Ver comentarios

Habitualmente en algunas páginas necesitamos mostrar un antes y un después de determinadas fotografías para destacar el logro conseguido sobre la imagen original.

Este logro puede ser en base a un retoque fotográfico (paisajes, fotos antiguas, etc...) o una operación médica, cirugía o, incluso, un taller mecánico o lavado de coches para mostrar una reparación, una limpieza, etc... Pensándolo así, se me vienen miles de posibles aplicaciones de este particular efecto.

LEER ENTRADA

Imagen con Marca de Agua personalizable con jQuery, PHP y jQueryUI

Imagen con Marca de Agua personalizable con jQuery, PHP y jQueryUI

07/DIC/2015 3.591 visitas Ver comentarios

Hola amigos, hace mucho que no nos pasamos por aquí a compartir ningún nuevo recurso, por suerte estamos bastante ocupados estas últimas semanas. Pero, siempre es bueno hacerse un hueco para compartir, y en este caso, hemos evolucionado un viejo código que tuvo bastante éxito en este blog como fue el artículo Marca de Agua con PHP.

En este caso, el sistema para agregar una marca de agua dinámica, y proteger así de la copia, a tus queridas imágenes, evoluciona y ahora nos permite redimensionar la marca de agua y ubicarla en la posición deseada y no obligatoriamente al centro como en el anterior artículo.

LEER ENTRADA

CaptionerJS, un plugin jQuery para agregar captions a tus imágenes

CaptionerJS, un plugin jQuery para agregar captions a tus imágenes

27/OCT/2014 5.529 visitas Ver comentarios

CaptionerJS es otro, si, otro plugin para agregar captions o subtítulos a tus imágenes en HTML. La gran ventaja de este sobre la gran mayoría es que este plugin no utiliza elementos extras a la imagen para crear los captions.

Qué quiere decir esto? Simple, que se vale del atributo title o alt de tu imagen para crear un caption y usa nuevos elementos data-xxx para configurar si el caption es animado, estático, etc...

LEER ENTRADA

Combobox de 3 niveles con datos cargados vía Ajax y Json

Combobox de 3 niveles con datos cargados vía Ajax y Json

11/AGO/2014 25.232 visitas Ver comentarios

Como prácticamente todo lo que se hace se puede mejorar, mi antiguo artículo del Combobox o Selects Dependientes no iba a ser la excepción y ha llegado la hora de que reciba un pequeño upgrade en su funcionamiento.

Básicamente se trata de lo mismo, de 3 listas dependientes que se relacionan entre sí por un registro en la base de datos que las une... volveremos a llamarlos PADRE, HIJO y NIETO... donde cada uno de nuestros PADRES, ha tenido un HIJO que a su vez le ha dado un NIETO.

LEER ENTRADA

Manteniendo el scroll siempre abajo con StickyScroll

Manteniendo el scroll siempre abajo con StickyScroll

29/ABR/2014 26.538 visitas Ver comentarios

A pesar de que su autor no se ha molestado en explicarnos mucho de qué va su plugin, a mi me parece interesante utilizarlo para esos proyectos en los que el refresco de datos por pantalla es continuo y queremos mantener siempre visible la última línea ejecutada.

ScrollGlue pega (literalmente) el scroll bottom del elemento indicado a medida que éste va creciendo en tamaño... es decir, si nuestro divisor o elemento tiene barras de scroll y por javascript, ajax o lo que sea le vamos agregando nuevas líneas (tal como se ve en la imagen de arriba), por defecto, estas nuevas no se verán si no desplazamos el scroll hasta abajo de todo.

LEER ENTRADA

Selecciona fecha y hora con DateTime picker para jQuery

Selecciona fecha y hora con DateTime picker para jQuery

25/MAR/2014 54.582 visitas Ver comentarios

Cuántas veces nos encontramos en nuestros proyectos con la necesidad de que el usuario nos indique la fecha y hora en la que realizó o realizará determinada acción... Habitualmente caemos en las 3 opciones que disponemos que son, o bien mostrar distintos selects para seleccionar día, mes y año y un campo de texto extra para la hora; hacer todo por campos de texto o poner un selector de fecha y selects o inputs de texto para la hora.

Pues bien, si bien no es nuevo, esta opción que traigo es mucho más útil que todo lo anterior para seleccionar una sola vez la fecha y la hora y asegurarnos, al mismo tiempo, que el usuario lo hará de la forma correcta en la que necesitamos esos valores.

LEER ENTRADA

Magnific Popup, lightbox bonito, responsive, liviano y para jQuery

Magnific Popup, lightbox bonito, responsive, liviano y para jQuery

10/ENE/2014 34.564 visitas Ver comentarios

Siempre que debo utilizar algún sistema para lanzar un popup, me suelo decantar por Colorbox, un plugin muy liviano pero inmensamente potente para lanzar popups bonitos (de esos que no abren una nueva ventana sino que oscurecen la actual y muestran el nuevo contenido en primer plano).

Muchas veces queremos abrir formularios, mensajes, alertas, ampliar fotografías, textos adicionales o cualquier otro contenido y estos popups son una muy buena solución.

LEER ENTRADA