Psd.js es una pequeña implementación en JavaScript, específicamente utilizando CoffeScript, para extraer la información de un archivo PSD. Este parser puede brindar muchísima información interesante acerca de un documento en formato PSD, por ejemplo podemos extraer datos como: tamaño, modos de colores, recursos, capas, contenidos, etc. Ejemplo de uso: {PSD} = require ‘psd.js’ psd = [...]
Continuar leyendo [+]
Craftmap es un plugin jQuery para la creación de mapas interactivos utilizando como origen de datos simplemente una imagen. A diferencia de otros plugins similares que utilizan como fuente de información servicios de terceros como Google Maps, este pequeño, pero potente plugin, mapea una imagen de forma simple y rápida, sin ningún tipo de complicaciones. [...]
Continuar leyendo [+]
Una buena prueba que podemos realizar para saber si los contrastes de nuestro diseño con correctos desde el punto de vista de la accesibilidad, es convertir todo nuestro sitio a escala de grises, con esta técnica sencilla podemos detectar muchos de los problemas al utilizar colores que no contrastan de forma correcta. Para convertir nuestro [...]
Continuar leyendo [+]
Bear CSS es una aplicación online para generar hojas de estilo utilizando para ello la estructura de cualquier documento HTML. El mecanismo es muy sencillo y práctico para aquellos que gustan de escribir el código HTML primero y luego asignarles estilos. Para utilizar Bear CSS simplemente debemos subir el documento HTML del cual queremos obtener [...]
Continuar leyendo [+]
HTML5please se podría definir como una guía rápida de consulta a la hora de implementar HTML5 y CSS3 en nuestros sitios hoy. A diferencia de otras guías HTML5Please nos provee de una serie de herramientas para aplicar las nuevas propiedades en los distintos navegadores, salvando las diferencias y solucionando mediante pequeños complementos los posibles problemas [...]
Continuar leyendo [+]
slabText resuelve uno de los problemas más comunes y que más afean cualquier diseño, me refiero a la justificación de titulares. Este pequeño plugin, que en su versión comprimida no supera los 2KB, justifica automáticamente los titulares de un sitio web, de esta forma logramos textos completamente equilibrados y que respetan la estructura y geometría del sitio [...]
Continuar leyendo [+]
Scrollorama es un plugins para jQuery de los más divertidos que probé hasta el momento. De vital utilidad si uno se encuentra interesado en el desarrollo de aplicaciones que utilicen la posición de la barra de scroll del navegador para ejecutar determinadas acciones o efectos. Podríamos decir que Scrollorama es una pequeña suite de utilidades [...]
Continuar leyendo [+]
Poshy Tip es un plugin jQuery gratuito para la creación de atractivos tooltips. Utilizarlo es de lo más simple, prácticamente no requiere modificar en nada nuestra estructura HTML ya que utiliza el atributo title, el mismo debería estar presente en cualquier sitio que tenga código valido según estándares. Visualmente estos tooltip son muy lindos, sin [...]
Continuar leyendo [+]
LionBars es un plugin jQuery para la creación de barras de scroll copiando el mismo estilo que las del sistema operativo Lion. El script es muy liviano y funciona en la mayoría de los navegadores modernos. Específicamente los navegadores que soportan a la perfección el uso de este plugin son: IE8, Safari, Firefox, Chrome, Opera, [...]
Continuar leyendo [+]
LiteAccordion es un pequeño y atractivo plugin para jQuery para la creación de sliders animados. Combina la disposición estilo acordeón, utilizando para ello unas hermosas etiquetas marcando la transición entre las distintas dispositivas. A su vez utiliza el clásico esquema HTML basado en listas anidadas para la estructura básica del visor. LittleAcordeon hace perfecto honor [...]
Continuar leyendo [+]