BLOG DE DISEÑO WEB CORUÑA

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

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

Selecciona fecha y hora con DateTime picker para jQuery

Selecciona fecha y hora con DateTime picker para jQuery

25/MAR/2014 54.580 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

Color Picker jQuery simple y liviano para tus webs

Color Picker jQuery simple y liviano para tus webs

28/AGO/2013 3.704 visitas Ver comentarios

Muchas veces nos encontramos en la necesidad de incorporar a nuestros CMS o gestores de contenido, un selector de color para que el usuario personalice determinadas secciones o colores de nuestra web.

Si alguna vez utilizaste un editor de texto wysiwyg (what you see is what you get), sabrás que todos traen opciones para personalizar el color de texto y de fondo, del mismo modo que un procesador de texto como Word o incluso la ventana de componer un nuevo correo de gmail o cualquier otro gestor de correo.

LEER ENTRADA

Pickadate un selector de fechas responsive con jQuery

Pickadate un selector de fechas responsive con jQuery

22/MAR/2013 8.247 visitas Ver comentarios

A menudo debemos hacer formularios web donde le solicitamos al usuario que ingrese una fecha. Hasta aquí no hay problema, pero el tema se complica cuando necesitamos que el usuario nos marque una determinada fecha, en un formato específico, o cualquier variante que se nos pueda presentar.

Lo normal sería, si estás usando el framework de jQuery UI, usar su datepicker, pero si no lo estás usando, cargar todos los js, css e imágenes se hace un tanto pesado, incluso, personalizar su apariencia, requiere que crees un tema o te adaptes a lo que trae.

LEER ENTRADA

Agregar eventos a jQuery UI datePicker

Agregar eventos a jQuery UI datePicker

16/MAY/2012 15.691 visitas Ver comentarios

Esto es magia en estado puro. Me lo encontré buscando como agregar eventos al jQuery UI datePicker para que, en lugar de seleccionar la fecha indicada, muestre una alerta o siga un vínculo desde cada día del calendario.

Encontré este código que voy a copiar y pegar tal cual... antes que me muerdan, el código no es mío, pero lo que hace, básicamente, es crear un array con los eventos a mostrar y luego capturar el evento de seleccionar la fecha.

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