Este generador online viene muy bien para crear tablas comparativas en las que se muestren de forma más clara y atractiva los elementos analizados. Algo que exige un poco de código html + css adicional, pero que CSS Ninja genera a partir de las preferencias que le indiquemos.
A partir de un wizard paso a paso podemos obtener una tabla para utilizar en nuestros proyectos. Además, se puede guardar el resultado y compartirlo en las redes sociales.
WhatFont Tool es una de las formas más fáciles y agradables de consultar las especificaciones tipográficas de una página web. Se instala como bookmarklet (o también está disponible como aplicación para Google Chrome). A partir de ese momento, al hacer clic en cualquier fragmento de texto nos aparecerá una ventanita flotante en la que tendremos información del tipo, estilo, tamaño e interlineado, además del servicio (si lo hay), que suministra la tipografía.
enlace: WhatFont Tool, the easiest way to inspect fonts in webpages.
Otra forma de conseguir los colores utilizados en un sitio web en forma de paleta de colores: Colour Palette Bookmarlet. Se puede utilizar tanto desde el sitio web como guardando un bookmarklet (lo más práctico es arrastrarlo a la barra de direcciones) que después hará su trabajo en la página que nos encontremos visitando en ese momento.
Los valores de cada uno de los colores también se pueden copiar y pasar a un editor de textos desde el que pueden exportarse, por ejemplo, en forma de paleta para Gimp/Inkscape.
Si de lo que se trata es de extraer colores de una imagen, Continue reading
Si quieres consultar o editar bases de datos MySQL en tu Mac, nada mejor que Sequel. Este programa gratuito tiene una interfaz de usuario muy cuidada y agradable, a la vez que potentes funciones para acceder a bases de datos locales o remotas.
Si necesitas un programa parecido para Windows, Continue reading
TypeFolly es un servicio online que trabaja esencialmente con la tipografía, aprovechando las nuevas especificaciones posibles en el código HTML y CSS 3.
Te ofrece un entorno visual para experimental para jugar con las propiedades css siguientes: font-family, font-size, color, espaciado entre letras, palabras espaciado, font-style, font-weight, text-decoration, text-align, z-index, línea de altura, anchura, altura, la opacidad, moz / webkit-transform, text-shadow y tipo de letra.
Con TypeFolly puedes crear, guardar y exportar (css + html) tus proyectos de diseño.
Hemos introducido algunos cambios en la plantilla de este blog. Llevábamos casi desde el principio con el mismo tema, con pequeñas modificaciones y retoques de vez en cuando. Ahora, aprovechando la función de child themes que tiene WordPress hemos aplicado una plantilla nueva, más visual y atractiva. Con esta plantilla, los artículos más recientes van acompañados de una imagen representativa que hace la navegación más atractiva en dispositivos como el iPad.
Google Chrome cuenta ya con un sinfín de extensiones que te permiten ser más productivo con tu navegador, y añadirle funciones que te ahorran mucho tiempo y esfuerzo. Existen muchas listas de extensiones recomendadas para diseñadores web y desarrolladores. Estas son las extensiones que yo mismo utilizo, Continue reading
Colorsuckr es un servicio online para obtener paletas de colores a partir de una imagen. Puede ser cualquier imagen en la red, o una fotografía de Flickr (que puedes buscar con cualquier etiqueta o descripción).
Colorsuckr tiene algunos detalles que vale la pena destacar: Continue reading
Ofrece temas para WordPress, en especial para portfolios de ilustración o fotográficos, con un diseño minimalista muy cuidado.
Existen muchísimas galerías de diseño web, pero la idea de Pattern tap es singularmente interesante, ya que centra su atención en aspectos concretos del diseño de interfaz, y destaca sitios en los que se resuelven de forma especial o novedosa.
Así, puedes ver galerías específicas de sitios con formularios bien resueltos, con cabeceras impactantes, etc. Así, hasta un total de 45 colecciones temáticas, cada una de las cuales cuenta con decenas de ejemplos.
El script de php EasyWP, que comentamos aquí en relación a la instalación rápida de WordPress, ha evolucionado en Instant Install, un script ampliado de momento a una selección de 9 sistemas de gestión de contenidos (cms) de diferentes tipos, muy populares:
Mansion, creado por Graph Paper Press es un tema gratuito para WordPress ideal para un fotolog, o también para galerías de imágenes, catálogos online…
Su diseño, en forma de retícula que se adapta al ancho de la pantalla, tiene un impacto visual inmediato y da todo el protagonismo a las imágenes.
