Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
Seguramente los que estáis empezando en el mundo css me agradeceréis este enlace que me encontré navegando entre del.icio.us.
Css Type Set muestra la hoja de estilos css del texto que escribís a la derecha. En tiempo real os genera los tags necesarios a medida que usáis un editor de texto normalito con tipos de fuente, negrita, subrayado y demás.
Interesante desde el punto de vista didáctico, un paso más para eliminar las tablas definitivamente de Internet.
Y mientras toda la blogosfera anuncia que ya está disponible Google Street en muchas ciudades de España, yo sigo comentando sitios menos conocidos con más o menos gracia.
Aquí os dejo SuperStickies, una página en la que, después de incluir el texto y elegir el color, podréis salvar la imagen al estilo post-it.
Ideal para hacer diseños originales en la web, algo del estilo:
Una de las muchas aplicaciones que pueden encontrarse en wigflip, todas del mismo estilo: personalizar banners, crear botones, etc.
Por supuesto nada que con un poco de habilidad con Photoshop no resuelva, aunque seguro que incluso yo tardo menos con este tipo de webs.
Las imágenes generadas también pueden subirse directamente a Flickr o Imageshack.
ColorBe es una ayuda excelente para los que trabajan diseñando y nadando entre miles de colores cada día.
Aquí podéis registrar vuestras paletas de colores preferidas, aplicarlas en vuestros perfiles sociales online y compartirlas con otros usuarios, al mismo tiempo que consultáis las combinaciones más visitadas clasificadas por etiquetas.
Una forma de añadir al sexo masculino ese gen que muchas veces nos falta a la hora de combinar tonos.
Si queréis descubrir cuáles son las partes de vuestra web que más llaman la atención, podéis hacer dos cosas:
1) Dejar a Google Analytics trabajar unos días para que os muestre la distribución de clicks en la página indicada.
2) Usar Feng-Gui para que un programa analice automáticamente la atención de cualquier imagen provocada en el ojo humano.
Esta segunda opción es la que quiero comentaros ahora. Ideal para analizar banners publicitarios, regiones de una web o cualquier imagen que tenga como misión captar la atención.
Feng-Gui usa un sistema de inteligencia artificial para simular el cerebro humano en lo que a atención visual se refiere. Marca con colores las zonas de la imagen subida que llaman más la atención al ojo humano, permitiendo al dueño de la imagen tomar decisiones sobre distribución de contenido o precio de banners publicitarios, por ejemplo.
Sin duda una buena herramienta para mejorar y optimizar el aspecto de nuestros diseños.
fuente: killerstartup
Una de las mejores utilidades que tiene el CMS para la creación de blogs Wordpress es el poderle cambiar de plantilla de una forma rápida y sencilla.
Lo que es difícil es realizar una plantilla propia y original, ya que no todos tenemos el don del diseño web en nuestro poder.
Suerte que hay otros que si lo tienen, y ponen a nuestra disposición sus creaciones para que los usemos en nuestro blog. WP Themes News se encarga de recopilarnos muchas de estas plantillas o temas (o themes) de los que circulan por la web.
Está especialmente orientado a esos blogs que se lo toman de una forma más profesional, ya que la mayoría de las plantillas son premium, es decir, de pago, y es que están diseñados por empresas importantes en este mundillo como pueden ser Press75, Solostream, Storelicious o WooThemes entre otros. Aunque también hay que decir que muchas están a un precio bastante asequible para la mayoría de nuestros bolsillos.
Pero aún así, tenemos bastantes temas gratuitos, y lo mejor es que la mayoría son de una calidad excelente, difíciles de encontrar sin pagar nada, y que nos harán dudar para elegir entre todos ellos.
Un buen directorio de temas para wordpress que siempre podremos tener a mano para cuando nos aburramos de ver día tras día el mismo diseño en nuestro blog.
Fuente: Xiberneticos.
El diseño web es mucho más complicado de lo que parece, y una de las formas correctas de hacerlo es usando Hojas de estilos o CSS. No es nada fácil poderse manejar con ellas, pero tenemos suerte de que existan multitud de sitios donde podremos encontrar buenos tutoriales, ayudas o incluso trozos de código que podremos usar en nuestro sitio. A continuación os listamos 20 de estos sitios.
Fuente: Six Revisions.
Aquí tenéis una web en la que podréis compartir los iconos y fondos de pantalla que habéis diseñado para ganar nombre y divulgar vuestro trabajo.
En caso de tener el gen del diseño desnutrido siempre podéis navegar entre el material publicado por otros usuarios bajando los archivos que creáis que se adaptarán perfectamente a vuestro estilo.
Todos los temas, fondos e iconos podrán ser instalados en vuestro ordenador (PC o MAC) siguiendo los consejos que IconBulk muestran en sus FAQs.
fuente: simplespark
Sencilla pero útil herramienta para crear un fondo de colores para cualquier aplicación que lo necesite.
GradColor realiza en linea lo que algunos editores de imagen ya hace años que hacen: crea imágenes a partir de dos colores realizando una transición suave entre los dos.
Tan fácil como indicar el tamaño de la imagen deseada, los dos colores extremos y el ángulo del gradiente, el resto lo hace GradColor en pocos segundos.
Dynamic Sign permite crear una imagen con un texto dinámico para incluirla en vuestra web o foro.
Tendréis que elegir el fondo de la misma y el archivo ttf de la fuente que queréis usar. El resultado será una imagen dinámica que mostrará información sobre la persona que lo ve (ip, fecha, navegador, etc) usando la imagen de fondo y fuente escogida.
En caso de no tener ningún fondo o fuente en mente podéis utilizar los que hay disponibles en la web.
Por desgracia aún no detecta el nuevo Google Chrome, con lo que los usuarios de este navegador verán algo como: «Navegador desconocido».
Seguramente todos los que tenéis un sitio web os gusta tenerlo organizado y bien desarrollado para que sea fácil de leerlo por todos los usuarios. Valid Checker os ayuda a mantenerlo así.
Se trata de una web que analiza el formato correcto del html, css o rss de las direcciones que indiquéis (hasta un máximo de 10) y os envía un email cada vez que encuentre un error.
En realidad podéis suscribiros al estado de vuestro sitio web por rss, recibir el estado por email cada día o recibir un email sólo cuando se hayan encontrado errores:
Muy útil cuando se realizan modificaciones en la web y perdemos algún dato importante que hace nuestro sitio difícil de ser leído por algunos navegadores o lectores de rss.
Gracias Alba por el enlace.