Makiapp – Maqueta sitios web desde tu navegador

makiapp.com es una aplicación destinada a diseñadores web que permitirá maquetar una página web y compararla desde el navegador web con la imagen creada con el editor de imagen.

Su utilización es extremadamente fácil, arrastramos el pequeño icono que nos aparece en la página principal hacia la barra de marcadores y listo, cuando naveguemos por nuestro site clicamos en el marcador y se nos abrirá makiapp con el site indicado, listo para recibir la imagen y poder comparar la teorí­a con la práctica.

Una vez hecho el paso anterior, podremos ir moviéndonos por las distintas funciones que nos ofrece makiapp en la parte superior. La idea es permitir corregir los pequeños errores que se han cometido al transformar de una imagen a una página en HTML, y nada mejor que poner las dos una encima de otra con un nivel de transparencia adecuado.

premiumPixels – Recursos gratuitos para diseñadores web

En la categorí­a de utilidades para diseño he publicado con bastante frecuencia colecciones de iconos, plantillas y otros recursos que pueden ayudar en la tarea de creación de aplicaciones y sitios web, en premiumpixels.com, por otro lado, se encargan única y exclusivamente de eso.

Todos los diseños, archivos PSD, menús, botones, plantillas, fondos, iconos, etc. son realizados por el autor del sitio, con la licencia adecuada para que puedan ser usados y alterados en nuestros trabajos personales y comerciales, sin necesidad de mencionar al autor ni poner enlaces al sitio. Lo único que piden es que no se distribuya el material obtenido desde premiumPixels en ninguna otra web.

Una buena colección que, aunque de momento no es muy grande, tiene una calidad excepcional.

redmark – Excelente herramienta para validar diseños con los clientes

Redmark es una conocida aplicación que los diseñadores web usan frecuentemente para enviar los trabajos realizados a sus clientes.

En la misma web cualquiera podrá realizar comentarios encima del diseño, siendo mucho más sencillo y rápido obtener la opinión de una o más personas al mismo tiempo.

Con un buscador de diseñadores gráficos de todo el mundo, se convierte también en un portal de empleo en el que los profesionales pueden anunciarse para ser encontrados facilmente.

Aquí­ tenéis una demostración del proyecto, con la columna de comentarios a la derecha del trabajo realizado:
Continúa leyendo «redmark – Excelente herramienta para validar diseños con los clientes»

Los diseñadores Web en el mundo [Infografí­a]

Una de las frases que más me impresionaron del Global Education Forum 2010 fue aquélla que decí­a:

Tres de cada cuatro niños trabajarán en el futuro en profesiones que aún no existen.

De hecho sólo tenemos que mirar a nuestro alrededor para ver la enorme cantidad de nuevas profesiones que existen, si lo comparamos a la realidad de hace 25 años, por ejemplo (cuando yo sólo tení­a 10).

Una de ellas es la de diseñador web, también una de las más complejas y de las peor reconocidas.

En la infografí­a que publicaron en testking.com muestran el perfil de este tipo de profesional en el mundo. Aquí­ os lo dejo para que lo comparéis con la realidad de vuestro dí­a a dí­a:
Continúa leyendo «Los diseñadores Web en el mundo [Infografí­a]»

21 aplicaciones para desarrolladores web

Gracias al post que me he encontrado en Smashing Hub, voy a realizar una pequeña recopilación de sobre 21 aplicaciones web ideales para desarrolladores web.

En la recopilación hablaremos sobre editores de código, editores de imagen y creadores de logotipos.

Empecemos:

Editores de código

Amy Editor es un editor muy sofisticado con una gran interfaz que incluye herramientas profesionales como si estuvieras utilizando un editor de código instalable.

Entre sus funciones podemos destacar que podemos abrir varios archivos mediante pestañas, resaltado del código para diferentes idiomas y la posibilidad de administrar diferentes proyectos a la vez.

Bespin es una aplicación creada principalmente por los desarrolladores de Mozilla Labs, básicamente lo que nos permitirá es editar códigos embed.

Entre ellos la edición del nuevo código HTML5. Además, es una aplicación que ya tiene creado un plugin con el que podremos usar más funciones en el navegador Mozilla Firefox.
Continúa leyendo «21 aplicaciones para desarrolladores web»

SlideDeck – librerí­as para hacer elegantes presentaciones en sitios web


La parte visual de cualquier sitio web hace que dicho sitio web sea más atractivo o no, permitiendo al visitante estar más o menos cómodo accediendo a los contenidos. Y puede que estos contenidos sea un pase de diapositivas, con lo que se hace necesarias herramientas que faciliten su desarrollo en el menor tiempo posible. Y ahí­ se encuenta SlideDeck.

Se trata de unas librerí­as javascript y también de un plugin para WordPress que permite a los desarrolladores crear elegantes pases de diapositivas con la menor inversión en su desarrollo posible, y de hecho para usuarios de WordPress, pueden crearlo fácilmente desde el panel de control de este CMS de blogs.

Existen versiones libres y de pago de estas librerí­as, e incluso una demo para WordPress aquí­.

Cardonizer – Las mejores tarjetas de visita del mundo

En cardonizer.com se encargan de buscar los mejores diseños de tarjetas de visita para mostrarlos en su sitio web.

Aunque la galerí­a no está clasificada, sí­ podemos acceder a los datos del responsable por el diseño, así­ como a la información básica de la tajeta mostrada.

Diseñadores de todo el mundo pueden contribuir enviando sus trabajos y ayudando a otros a encontrar inspiración. Cada vez es más difí­cil ser original, Cardonizer nos ayuda a seguir siéndolo.

Algunas herramientas para crear infografí­as

Ya que a todos os gustan las infografí­as que publico de vez en cuando, vamos ahora a revisar un artí­culo de makeuseof en el que nos recomiendan varias aplicaciones ideales para construir este tipo de gráficos.

Stat Planet

Permite acceder a datos estadí­sticos públicos generando mapas muy atractivos e intuitivos que podremos usar en nuestros diseños estáticos. Puede ejecutarse desde el navegador.
Continúa leyendo «Algunas herramientas para crear infografí­as»

Colorzilla presenta un editor de gradientes de colores en CSS

Colorzilla, la famosa extensión que nos ayuda a trabajar con colores en los diseños web, ha presentado ahora un editor de gradientes en CSS que podremos usar para dar efectos más sofisticados usando hojas de estilos.

Sólo tenemos que elegir los colores que formarán parte del diseño y obtener el código que tendremos que pegar en nuestro archivo .css. El resultado es perfecto, con lo que nos evita tener que usar gifs en los fondos de las páginas.

Una buena idea que se está divulgando por las redes sociales a una velocidad impresionante.

markup.io – Pinta por encima de cualquier página web

markup.io es una aplicación que nos permite dibujar flechas, cuadrados y cí­rculos por encima de cualquier página web, lo que puede ser muy útil para comunicar alguna idea relacionado con el diseño o contenido de la página.

Después de realizar los trazos podremos obtener una url con la imagen capturada, siendo sencillo compartirla por email en busca de un feedback en caso de ser necesario.

Su uso es bastante sencillo, sólo tenemos que arrastrar un enlace en la barra de favoritos y pulsarlo cuando queramos pintar sobre cualquier página web que estemos visualizando, obteniendo un resultado semejante al que aparece en la imagen superior.