Ember es un nuevo proyecto que nos permite compartir galerías de diseños (páginas web, fondos de pantalla, diseños de escritorios…).
Podemos clasificar nuestros trabajos por categorías y etiquetas, facilitando la navegación y el acceso a las verdaderas obras de arte que pueden encontrarse en su base de datos.
Desde logos hasta aplicaciones para iPhone, hay trabajos para todos los gustos, todos ellos con un excelente acabado en lo que a diseño se refiere.
Existen muchos sitios que muestran verdaderas obras de arte en lo que a diseño web se refiere. Cssmania, cssvault, cssbeauty, webcream… verdaderas referencias para encontrar inspiración o conocer nuevas webs hechas con buen gusto.
MeeCSS es una aplicación que permite indicar nuestra web (en caso de tener un diseño css original y bien trabajado) en más de 100 galerías al mismo tiempo. Sólo tenéis que rellenar un formulario y esperar a que el envío sea realizado en todas las webs indicadas, pasando una por una para confirmar que los datos son incluidos correctamente.
Herramientas para dibujar en la web hay muchas, pero pocas con la calidad ofrecida por Odosketch.
Los que no sabemos pintar dos en un burro podemos disfrutar de las galerías de excelentes dibujos de otros autores, pero los que nacieron con ese talento tienen la posibilidad de crear verdaderas obras de arte en un panel de dibujo donde los trazos recuerdan a pinturas de acuarela sobre papel antiguo.
No sólo importa el color y habilidad de la mano del autor, la velocidad con la que se mueve el cursor es uno de los factores cruciales en la creación del dibujo.
Ahí os lo dejo, para que practiquéis un poco: sketch.odopod.com
csstxt.com es una aplicación que nos permite definir hojas de estilo (css) para nuestros textos sin tener que pelearse mucho con las características del formato.
Lo primero que tenéis que hacer es escribir el texto en cuestión, dándole formato con las herramientas que incluye (tamaño, tipo de fuente, espacios, párrafo…). El resultado es un código y archivo css que podréis copiar y pegar en vuestro sitio web, así de simple.
Una herramienta más que ayudará a nuestros diseñadores a trabajar más rápido y de forma más eficiente.
Actualización: Acabo de conocer otra herramienta sencilla pero útil, para ayudar a los que trabajan con CSS, transformando posiciones absolutas en relativas: https://riddle.pl/emcalc/
A lo largo de los últimos años os he comentado algunas herramientas útiles para trabajar con colores, encontrando paletas que se adapten a vuestros diseños, por ejemplo.
Voy a hacer ahora una pequeña recopilación de las que más me gustan, para que las tengáis presentes en momentos de necesidad.
Check My colors es reciente y muy profesional. analiza los colores de cualquier sitio web calculando brillos y contrastes para dar consejos sobre elementos que deberían cambiarse para ofrecer una mejor experiencia al lector.
Graybit permite transformar cualquier página web en una imagen en escala de grises. Ideal para detectar contrastes que puedan ser mejorados, por ejemplo. Por desgracia no siempre detecta el css del site indicado.
Aunque la estética de Vischeck asuste un poco, contiene funcionalidades muy interesantes para poder simular la forma en que los daltónicos y otros usuarios con diferentes problemas de percepción cromática ven el mundo. Contiene también enlaces interesantes para sitios web relacionados con este tema.
Pictaculous nos solicita una imagen y nos ofrece algunas paletas de colores que se adaptan a los tonos de la enviada. Muy útil para buscar tendencias y encontrar ayuda para definir tonos de una logomarca, por ejemplo. El resultado podéis bajarlo en formato Adobe Swatch.
ColorRotate es una interesante iniciativa para trabajar tridimensionalmente con el mundo de los colores. El proyecto aprovecha la característica tridimensional de los colores para permitir la gestión de paletas con posibilidad de compartirlas.
Con posibilidad de importar colores de imágenes, verificar relación entre varios tonos, navegar entre librerías populares, transformar paletas, realizar filtros y muchas otras operaciones comunes entre profesionales del área ColorExplorer es, sin duda, uno de los proyectos más completos.
En fin, estas son las que más me gustan en su categoría, ideal para que, junto a las 12 herramientas para diseñadores que ya recopilamos por aquí, hagan el trabajo de los diseñadores más sencillo.
¿Quieres crear una web y no tienes ni idea de html?
UIzard es tu solución. Se trata de una aplicación que nos proporciona, de un modo gráfico, la posibilidad de diseñar una web. Tenemos dos formas de utilizar UIzard, o bien usamos la aplicación online de la que disponemos en su web o descargamos el proyecto y lo instalamos en nuestro servidor.
En ambos caso el funcionamiento es similar, y nos encontramos ante un entorno dividido en un menú con todas las herramientas de las que disponemos, como la inserción de campos de texto, swf, botones y todas las cosas necesarias en una web, y otra dividida a su vez en pestañas donde podremos visualizar lo que estamos haciendo de diferentes formas, ya sea viendo el código fuente o el entorno gráfico.
En el menú además tendremos elementos ajax para hacer nuestra web aún más atractiva. Su funcionamiento aún no va demasiado fino pero para aquellos que quieran empezar a aprender programación web puede ser una buena ayuda.
Css Redundancy Checker es una aplicación que nos pide la dirección de nuestra hoja de estilos CSS y las páginas web en las que es utilizada.
Verificará si todos los elementos indicados en el archivos CSS son utilizados, en caso contrario nos informará de lo que puede ser eliminado o de la información redundante.
Útil para reducir tamaños de archivos y hacer un trabajo más limpio y organizado.
Supalogo es una nueva opción creada para los que no tienen tiempo, dinero ni conocimientos necesarios para crear un logo para su proyecto.
Ajustando valores como tipo de fuente, colores o tamaños es posible generar dibujos a partir del texto descrito originalmente, obteniendo un resultado bastante interesante.
El logo puede exportarse en varios formatos e incluirse directamente en cualquier página web.
Leo en momb sobre Notable y pido una invitación que, Bryan, uno de los fundadores del sistema, me envía para que pueda contaros lo que hay por dentro.
Después de seleccionar la cuenta gratuita e instalar la extensión de Firefox que me permitirá capturar las diferentes páginas que quiero analizar, tengo la posibilidad de crear notas sobre cada elemento visualizado.
En la imagen podéis ver el proceso de creación de una nota sobre la captura de la página principal de wwwhatsnew.com, donde me autoconsejo alinear más la publicidad de PortalProgramas. Puedo crear tantas notas como quiera sobre la captura de la página en cuestión, exportando el resultado en PDF para enviarlo a quien lo necesite.
Lo que me ha gustado más aún es que ofrece también la posibilidad de comentar sobre el código fuente de la página o sobre el texto incluido en ella, permitiendo crear documentos con notas para el diseñador, el programador o el escritor de la página en cuestión.
El resultado, además de poder ser exportado en PDF, podéis compartirlo en la misma aplicación con otras personas, estando la versión gratuita limitada a un panel de trabajo con un equipo de tres personas colaborando en el mismo.
La aplicación que os muestro ahora no es web, pero puede instalarse en varias plataformas, siendo un proyecto open-source que puede ser obtenido desde https://sourceforge.net/projects/tuxpaint/
TuxPaint es un programa de dibujo especialmente diseñado para niños pequeños. Iconos grandes para facilitar el control del ratón, sonidos que orientan (más graves cuando el pincel es gordo y más agudos cuando el pincel es fino, por ejemplo), dibujos listos para ser incluidos, efectos, varitas mágicas… decenas de herramientas y miles de combinaciones en un programa completamente gratuito.
Una de las funcionalidades que más me ha llamado la atención es el sonido estéreo. Aparece por la derecha cuando el pincel pinta por ese lado, desplazándose hacia la izquierda cuando pintamos en sentido contrario.
Dejadlo en manos de un niño de 3 años y veréis como en dos días pinta mejor que vosotros.
