Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
Si os gustó la recomendación de PrimaryCSS que os hicimos el otro día, os encantará la recopilación que han hecho en designshack.co.uk, donde juntan en total más de 700 estructuras CSS para poder comenzar a diseñar casi cualquier sitio web.
Desde los más de 200 diseños de ironmyers.com hasta los 47 de dynamicdrive, es un contenido que todo profesional del diseño web debe revisar frecuentemente.
Enlace: designshack.co.uk
Primary es un Framework CSS diseñado para que sea fácil empezar a crear sitios web sin necesidad de empezar desde cero.
En primarycss.com tenemos 22 layouts listos, con posibilidad de bajar el código para alterarlo y adaptarlo a nuestra idea.
Aunque viendo el código llega a ser estúpidamente sencillo, no viene mal un jarro de agua simple de vez en cuando.
Fonts2u es un repositorio de diferentes tipos de letra de descarga gratuita, que se pueden instalar en PC o en MAC.
La aplicación incluye una enorme variedad, dentro de 8 grandes categorías: básicos, bitmap, decorativos, extranjeros, festivos, góticos, manuscritos y pictogramas. En cada caso se incluye una muestra del tipo de letra, junto con la identificación del autor y del tipo de licencia para su uso.
Descargarlas es tan sencillo como pulsar el botón indicado y seguir las instrucciones que se incluyen en las preguntas frecuentes. Éstas son muy didácticas y ofrecen instrucciones para instalar una fuente en Windows, Mac OS o Linux, o para saber cómo usar una nueva fuente con un software, por ejemplo.
La aplicación es gratuita, el registro es sólo opcional y la interfaz está disponible en inglés, alemán, francés, español, portugués, italiano, polaco, ruso, japonés, chino y árabe.
Asimismo, permite enviar un tipo de letra diseñada por uno mismo, e incluye también una relación de herramientas para administrar fuentes.
Convert PDF to Autocad es una aplicación web que resultará de suma utilidad a todos aquellos que se dediquen profesionalmente al diseño industrial o arquitectura, ya que les permitirá convertir planos en formato PDF a otros perfectamente editables en DXF o DWG, compatibles con programas como Autocad.
La herramienta funciona online, por lo que sólo habremos de subir nuestro PDF e introducir una dirección de correo válida en la que recibir el archivo procesado.
Después de algunos minutos obtendremos el resultado en nuestro propio correo listo para ser descarga, salvo que se produzca algún error, que también puede pasar.
Una aplicación sencilla y práctica con la que retocar planos ya editados o incluso escaneados.
Para fotógrafos, diseñadores y artistas visuales, Portfolio Websites es otra de las herramientas online que pueden escoger a la hora de elegir crear los espacios web de sus trabajos.
El manejo de esta aplicación es de lo más simple, ya que una vez registrado, en laversión trial, el usuario podrá entrar a su panel de administración a través de /admin/ en su propio subdominio, donde por un lado podrá gestionar los clientes y sus reservas, y por otro, crear galerías de imágenes y páginas donde comentarán sus propios trabajos.
Dispone de dos temas a elegir, que junto con los trabajos subidos, conformarán su espacio web accesible por otros usuarios a través de su subdominio.
Se echa en falta mejoras a la hora de administrar la página, como más temas visuales, acceso más intuitivo a la hora de acceder a la gestión de clientes o disponer de función de formulario de contacto en la página del portafolios.
Wrttn es un sencillísimo editor de textos online, de aspecto muy limpio, destinado a compartir anotaciones con quien queramos en cuestión de segundos y sin necesidad de registros.
La simplicidad de la web queda patente desde el primer instante, ya que la propia página es el editor, por lo que podemos comenzar inmediatamente a redactar.
Además de texto plano también podremos usar en nuestros escritos algunos lenguajes de marcado ligeros como Textile o Markdown y hasta incrustar todo tipo de contenido multimedia: galerías de Flickr, vídeos de Youtube, etc.
Una vez tengamos todo listo, sólo queda pulsar el botón «create» para crear un enlace permanente, que usaremos para compartirlo con quienes queramos y otro diferente para nosotros, que podremos utilizar para volver a editar el documento o incluso eliminarlo.
En resumen, Wrttn es una herramienta muy fácil de usar, con la que compartir es extremadamente sencillo.
Vía | Bloggea2.com
¿Os imagináis cualquier sitio web con diferentes tipografías en su hoja de estilos CSS a la que usan en la actualidad? Pues no hace falta echarle imaginación si nos vamos a FontFonter, un servicio que nos permite el reemplazo temporal de las tipografías existentes en la web que le indiquemos por las tipografías que le indiquemos a través de una lista desplegable. Para ello basta con indicarle la URL de la web, y en el siguiente paso elegimos si reemplazamos las San Serif, las Serif o todas las tipografías por otras que elegiremos desde las siguientes listas desplegables.
La parte negativa de este servicio la encontramos a la hora de saber más de cualquier tipografía elegida, en la que nos llevará a la ficha existente de una conocida tienda online de tipografías, que es quien está detrás del proyecto, y cuyos precios son bastante elevados.
Además podemos decir que el objetivo de FontFonter es meramente para la previsualización, y además con importantes limitaciones, ya que no soporta javaScript, cookies, navegadores móviles, Opera e Internet Explorer, y además, no funciona con todos los sitios web.
Coloreminder.com nos permite elegir cualquier color de la paleta y nos mostrará su código.
Para utilizar el sistema, podemos empezar seleccionando o escribiendo un color, después escogemos las muestras que nos aparecen o una variación.
Cuando elijamos el color, podemos empezar a utilizar varias herramientas para modificarlo, éstas pueden ser: invertir, color web, complemento, escala de grises y analógico.
Por otro lado, cada color será presentado mediante códigos tanto en RGB, como en formato hexadecimal.
Una buena herramienta para aquellos que están empezando en el diseño web o para los que ya son mas avanzados, ampliando la lista de aplicaciones sobre colores que publicamos hace unos meses.
Enlace | www.coloreminder.com
Ya que el iPad está revolucionando la forma de leer e interaccionar en la web, os indico una serie de enlaces que pueden ser de utilidad a todos los diseñadores y programadores preocupados en ofrecer una buena experiencia en este dispositivo.
Por un lado quiero recomendar la lista de ipadatelier.com, con herramientas tan conocidas como el simulador de iPad ipadpeek.com o el LiveView, también válido para iPhone.
En la misma lista tenemos archivos para Photoshop ideales para diseñar prototipos de aplicaciones, así como iconos y tipografías.
Después de la lista de recursos de ipadatelier.com no puedo dejar de comentar la lista de aplicaciones para iPad especialmente hechas para desarrolladores. Esta lista fue publicada esta semana en webdesignledger.com, con maravillas como Adobe Ideas, sketchyapp.com (para hacer bocetos) o Ego, para analizar estadísticas.
Una avalancha de soluciones que, seamos a no usuarios de iPad, tenemos que conocer para ofrecer siempre lo mejor a quienes confían en nuestro trabajo.
Hace casi un año os presenté una lista de sitios web que podiamos usar para divulgar nuestros trabajos de diseño web, siendo y cuando estuvieran realizados con CSS (nada de tablas).
Hoy me presentan una nueva opción, cssgallery.com, con cientos de sitios añadidos por los usuarios y por los «spiders» que se encargan de encontrar nuevas opciones en la web.
Aunque le falta un sistema eficaz de clasificación de su contenido, es un buen lugar para pasarse un buen rato navegando entre diseños extremadamente variados.