Lucidchart, para crear diagramas en la web, añade posibilidad de trabajo offline

diagramas

Cuando os hablamos por primera vez de Lucidchart (lucidchart.com), en 2009, aún era una herramienta bastante limitada que permití­a crear diagramas de flujo y mapas mentales. El tipo de diagramas que podemos crear ahora es enorme, ampliando el sistema para desarrollar tablas, circuitos, mapas y un largo etcétera.

Se trata de una de las mejores alternativas que tenemos para este tipo de actividad, una de las seis que comentamos en el artí­culo Alternativas gratuitas a Microsoft Visio que, ahora, dispone de una extensión para Chrome que permite el desarrollo de diagramas sin necesidad de conexión a Internet.

El plugin, disponible en la Chrome store, se une así­ al otro que ya tení­an disponible (necesario para la integración con Google Drive), aumentando sus posibilidades tanto a la hora de diseñar diagramas como a la hora de trabajar en grupo en un mismo diseño.

La versión gratuita de Lucidchart está limitada a 60 objetos por diagrama, aunque los planes de pago comienzan con 3,33 dólares eliminando ya dicho lí­mite. En algunas de las versiones no gratuitas tenemos la posibilidad de crear backups locales, crear bocetos e incluso importar contenido de Visio, así­ como exportar los diagramas para dicha aplicación de Microsoft.

Comentan en Freetech4teachers sus aplicaciones en el mundo de la educación con un interesante ví­deo que aquí­ os dejamos:
Continúa leyendo «Lucidchart, para crear diagramas en la web, añade posibilidad de trabajo offline»

architizer – Una red social para arquitectos y diseñadores de interiores

Os comentamos esta red en su lanzamiento, en 2009, y lo volvimos a hacer en esta colección de Recursos útiles para arquitectos y diseñadores de interiores. Hoy os la presentamos de nuevo después del lanzamiento de su nueva versión, enfocada en permitir a los profesionales de esta categorí­a mostrar sus trabajos y poder así­ obtener más clientes.

Los arquitectos y diseñadores de interiores podrán subir sus trabajos en cualquier formato, ya sea imagen o documento PDF. El equipo de architizer se encargará de transformarlo en algo realmente atractivo para que forme parte del portafolio de la empresa.

Otros arquitectos pueden comentar los trabajos subidos y ver todos los materiales utilizados en la construcción de cada obra, punto en el que entran las marcas, ya que pueden divulgarse como proveedores de los proyectos presentamos.

Los arquitectos y empresas no pagan nada para usar el sistema, son las marcas las que pueden elegir entre varias opciones, mensualidades que van desde 95 a varios cientos de dólares al mes.

De momento solo está disponible en inglés, aunque es una red 90% visual, donde es el proyecto, las maquetas y las fotos los que dominan el espacio de Architizer.

Comentan en TC que archdaily (archdaily.com), como competencia de architizer (www.architizer.com), continúa apostando por la publicación directa del profesional, sin ningún equipo interno encargado de filtrar y embellecer el contenido, algo que puede marcar una gran diferencia entre ambos proyectos (velocidad e independencia Vs belleza).

Pop – Crea y simula prototipos para aplicaciones móviles

pop

Disponible para iPhone, y con versión inminente en Android, Pop (popapp.in) es una joya que todos los desarrolladores de aplicaciones deberí­an tener en su móvil.

Se trata de una herramienta que nos permite capturar prototipos dibujados en papel (podemos fotografiarlos con la cámara del móvil) y agruparlos como bocetos de una misma aplicación. Hasta aquí­ nada sorprendente, ya que podemos hacer fotos de los dibujos en papel y agruparlos en la propia cámara del móvil o en aplicaciones como Dropbox, por poner un ejemplo. Lo genial de Pop es que podemos, después de tener las fotos capturadas, añadir eventos en diferentes regiones de cada captura, de forma que es posible «navegar» entre los dibujos haciendo clicks en bocetos de botones, textos, fotos, etc.

El paso a paso serí­a el siguiente:

– Dibujamos en papeles las pantallas de nuestra próxima aplicación móvil.
– Fotografiamos dichos dibujos con el móvil agrupando todos dentro del dispositivo. Es posible ajustar y recortar la fotografí­a, teniendo en cuenta que cada captura es procesada automáticamente para que el brillo y el contraste permita destacar el contenido del dibujo.
– Seleccionamos diferentes partes de cada captura y asociamos un enlace en cada una. El enlace apunta a otro dibujo, por lo que al ejecutar el conjunto podremos navegar entre el prototipo pulsando los dibujos de botones y demás elementos.

El resultado puede compartirse de forma sencilla, algo ideal para enviarlo a clientes, por ejemplo, ayudando a tener una definición más exacta del proyecto que se está realizando.

Las mejores webs para analizar colores

De entre todas las herramientas que hemos comentado como Utilidades para diseñadores web, os voy a mostrar una lista de aquéllas que tienen al color como protagonista.

Son aplicaciones muy útiles para extraer colores de una página web o para generar paletas, una pequeña selección que puede ser muy útil durante la etapa de concepción de cualquier nuevo diseño.

Colorotate

colores

Aquí­ tenemos todo un clásico que, con versión web, plugin de Photoshop y iPad, comentamos por primera vez en 2009.

Comentan en su presentación que los métodos tradicionales de elección de colores en las computadoras son siempre bidimensionales, extremadamente limitados, motivo por el cual decidieron crear un sistema que permita trabajar con colores en 3D, algo más intuitivo y práctico.

ColorExplorer

color
Continúa leyendo «Las mejores webs para analizar colores»

Impresionantes recursos de todo tipo para desarrollo web

Los creativos y desarrolladores y la web van de la mano, especialmente en los últimos tiempos, cada uno se beneficia grandemente del otro a través de la creación de todo tipo de material que pueda ser usado en la web, como fuentes, GUIs iconos y más.

Valiosos elementos útiles para web:

Valiosa y útil colección de diferentes elementos web gratuitos para que los utilices en tu próximo proyecto.

Maqueta PSD para el iPad: maqueta en photoshop del iPad útil para la vista anticipada de productos.

Maqueta psd para el ipad

Elementos de infografí­a en PSD: hermosa colección de elementos de infografí­a en formato PSD.

Elementos de infografí­a en PSD

Plantilla flat del macbook: plantilla del iMac y del Macbook al estilo flat en formato PSD.

Plantilla flat del macbook

Idealist sans: sencilla y agradable fuente de texto.

Idealist Sans

Maqueta de marca o identidad: útil set de elementos gráficos para el diseñador web.

Maqueta de marca o identidad

Maquetado de graficas en PSD: interesante conjunto de gráficas en formato PSD.

Maquetado de graficas en PSD

Plantilla del iPhone 5: útil maqueta del iPhone 5 en PSD para tus próximas aplicaciones.

Plantilla del iPhone 5

Fascí­nate: fuente de texto ideal para diseñadores.

Fascí­nate: Fuente de texto

Estanterí­as de madera: 4 diferentes vistas en perspectiva de estanterí­as en formato PSD.

Estanterí­as de madera

Elegante reproductor multimedia: concepto moderno de un widget reproductor multimedia.

Elegante reproductor multimedia

Archivo narrow: útil fuente de texto diseñada tanto para formato impreso como para plataformas digitales.

Archivo Narrow

Widget de inicio de sesión: moderna interfaz de inicio de sesión en PSD y CSS.

Widget de inicio de sesión

Plantilla de un iPad: plantilla tipo PSD de un iPad para la pre visualización de tus productos.

Plantilla de un iPad

Interfaz de subida de archivos: concepto de interfaz de un widget para la subida de archivos.

Interfaz de subida de archivos

Plantilla gravertical: espectacular maqueta construida en photoshop para la presentación de tus aplicaciones.

Plantilla Gravertical

Macbook air: útil plantilla del macbook de alta resolución en formato PSD.

Macbook Air

Cintas abstractas: 12 diferentes cintas abstractas diseñadas en illustrator y photoshop para tu próximo proyecto.

Cintas abstractas

 

Interfaz Grafica de Usuario orientada al diseño web:

La siguiente es una gran colección gratuita de diferentes conceptos de interfaz grafica de usuario orientada al diseño web en formato PSD.

GUI metro: moderna interfaz de usuario con más de 20 diferentes elementos.

UI metro

GUI app: set de elementos para el desarrollo de aplicaciones.

App UI

iOS GUI: excelente colección de elementos para el nuevo iOS7.

GUI para iOS7

GUI estilo flat: completa interfaz de usuario de estilo flat para implementar en tu blog.

GUI Estilo Flat

GUI para android: completo set de elementos android 4 (jelly bean) para teléfonos inteligentes.

GUI para Android

GUI con diseño flat: kit de diferentes elementos de interfaz de usuario con un diseño moderno.

GUI con diseño Flat

Flat UI kit: moderno set de diferentes elementos para el desarrollo web.

Flat UI Kit

GUI para mapas: moderno kit de elementos para la utilización en mapas.

GUI para Mapas

Completa colección de í­conos

Durante el segundo trimestre del año, hemos recopilado una serie de los mejores y más útiles sets de í­conos gratuitos que se pueden encontrar en la web.

íconos simples: set de 30 diferentes iconos de 32x32px en PSD.

Iconos Simples

íconos de redes sociales: paquete de 35 í­conos sociales al estilo flat.

Iconos de Redes Sociales

íconos de alimentos: completo paquete de diferentes í­conos de alimentos en formato PSD.

Iconos de Alimentos

íconos para aplicaciones: colección de 9 í­conos redondeados para utilizar en tus aplicaciones.

Iconos para aplicaciones

íconos coloridos: pequeño set de elegantes í­conos coloridos en formato PSD.

Iconos Coloridos

íconos de búsqueda: útil colección de diferentes í­conos de búsqueda para tu web.

Iconos de Búsqueda

Elegantes í­conos de archivos: completo set de 21 í­conos de formato de archivos como PNG, JPEG o MP3.

Elegantes Iconos de Archivos

Set de í­conos flat: pequeño y útil paquete de í­conos de estilo original.

Set de Iconos Flat

íconos de dispositivos móviles: Excelente colección de diferentes í­conos de dispositivos móviles.

Iconos de dispositivos móviles

Vectory: enorme colección de diferentes í­conos multipropósito en formato PNG.

Iconos Vectory

íconos de corazones: set de í­conos de corazones con 15 estilos diferentes en formato AI.

Iconos de Corazones

Kit de í­conos finos: paquete de 24 í­conos sencillos en formato PSD.

Kit de Iconos Finos

íconos minimalistas: bonita y útil colección de í­conos con un diseño simple y minimalista.

Iconos minimalistas

Set de í­conos sociales: colección de 16 diferentes í­conos sociales con un estilo flat.

Set de iconos sociales

iOS glyphs: set de í­conos para iOS al estilo de los jeroglí­ficos.

iOS Glyphs

Temas en formato HTML+PSD+WP:

Esta lista presenta temas en WP y HTML para los entusiastas del buen diseño y temas en PSD para los programadores avezados en busca de inspiración.

WebMag: moderna plantilla web para utilizar en la plataforma de blogger.

WebMag plantilla para blogger

Kitchenwall: plantilla web PSD para blog con un diseño minimalista.

plantilla Kitchenwall

Celestino: portafolio para WordPress, con un diseño limpio y sencillo.

Celestino - tema para wordpress

Avenir: plantilla web tipo HTML con un estilo sombrí­o.

plantilla web avenir

Cleanless: maqueta web de diseño simple y minimalista en formato PSD.

maqueta web Cleanless

Crisp persona: sencillo tema para WordPress con diseño responsivo.

Crisp Persona

Ameyso: moderno y responsivo tema para WordPress.

Ameyso: tema para wordpress

Bislite: simple y agradable plantilla web estructurada en HTML5.

plantilla web HTML5

Plantilla web flat: plantilla para sitio web con diseño fresco.

Plantilla Web Flat

Webdepot: moderna plantilla web en formato XML dirigida la popular plataforma blogger.

plantilla web

Portafolio web: fresca y agradable plantilla web para tu portafolio en formato PSD.

Portafolio Web

Clippy: tema para WordPress simple y con diseño responsivo.

tema para wordpress

Web personal: esta plantilla web en PSD está diseñada para que puedas exhibir tu trabajo en la web.

Web personal

Web fashion: plantilla web en formato PSD dirigida al sector de la moda en internet.

Web Fashion

Snaps: moderno tema para WordPress prefecto para presentación de galerí­as de imágenes.

moderno tema para wordpress

Fizz: hermoso tema para WordPress con diseño responsivo.

Fizz: hermoso tema para wordpress

Fantásticos experimentos de código y plugins para tu sitio:

Abajo se presenta un lista de piezas experimentales de código y plugins para integrar al sitio y proveerlo de efectos y funcionalidades.

Unslider: útil slider de jQuery full pantalla adaptable a múltiples dispositivos.

Slider responsivo

Colores flat: excelente colección de los colores flat más populares hoy en dí­a.

colores flat

Walidate: excelente plugin para la validación de campos de un formulario.

Validar fomulario

Slideshow: magní­fico slider de jQuery con efectos originales.

magnifico slider

Smartmenus: súper útil menú con diseño adaptable a diferentes dispositivos.

Menu Responsivo

Multi-formulario: espectacular tutorial online para crear un formulario de múltiples pasos.

formulario de multiples pasos

Digg Digg: plugin de wordpress para añadir diferentes botones de redes sociales a tu blog.

Botones de redes sociales

Converse.js: excelente plugin para convertir tu web en una sala de chat electrónica.

Chat Online

Pop easy: este plugin te ahorrará tiempo a la hora de crear diferentes lightbox para tu web.

lightbox para tu web

Ladda: útil colección de diferentes botones de carga en jquery.

colección de botones de carga

SlidesJS: espectacular slider con diseño adaptativo a diferentes dispositivos.

slider responsivo

Cajon de pestañas: simple y elegante widget con diferentes pestañas.

Cajon de Pestañas

Clipping magic: aplicativo web que te ayudara a eliminar el fondo de una imagen de forma sencilla.

eliminar el fondo de una imagen

Botones creativos: colección de diferentes botones con increí­bles efectos.

Botones Creativos

Aristochart: librerí­a de canvas para crear y personalizar tus estadí­sticas.

Aristochart librerí­a de canvas

Efectos de carga: excelente colección de efectos para animar los contenedores de tu web.

Efectos de Carga

Este artí­culo ha sido publicado aquí­, en WWWhatsnew.com, por el Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com.

Embed Responsively, para insertar material de Instagram, Youtube y más, optimizado para móviles

embedresponsively

Ya estamos más que familiarizados con navegar por distintas webs con el móvil, y nos percatamos de que algunas de ellas se ajustan perfectamente a la pantalla de nuestro teléfono al cargar mientras que otros servicios y sitios web no mantienen las proporciones.

Moviéndose hacia un intento de hacer que todas las páginas web puedan visualizarse en los móviles de forma proporcionada y compensada para beneficio tanto del servicio como del usuario, que al fin y al cabo busca la comodidad, EmbedResponsively nos servirá como herramienta cuyo uso está exclusivamente destinado a que consigamos códigos insertables para que los elementos multimedia a adjuntar se reajusten en las pantallas de nuestros dispositivos.

Servicios como Twitter o Soundcloud ya cuentan con un diseño optimizado por defecto (podéis probar en vuestros propios móviles que se reajustan a la pantalla a la perfección), pero algunos elementos insertados de Instagram, Vimeo o Youtube no cuentan con esta ventaja, cosa que EmbedResponsively puede resolver. El funcionamiento es más sencillo imposible: en la página principal veremos distintas categorí­as relacionadas con los elementos a insertar (YouTube, Vimeo, Google Maps, Instagram): cada una de ellas nos permitirá pegar en enlace en un recuadro y haciendo clic en el botón «embed» nos aparecerá una previsualización del elemento junto al código, que podremos copiar sin problemas.

Un paso más hacia la optimización absoluta para navegar sin incidencias con nuestros dispositivos móviles.

Nueva versión de BuildApp, para diseñar casas en 3D desde el móvil

mapa

Vuelve BuildApp con una versión mejorada de su constructor tridimensionales de hogares, una aplicación diseñada para permitir que cualquier usuario pueda mostrar la idea de distribución de espacio en una casa usando 3D desde dispositivos móviles.

Esta nueva versión, disponible para Android y iOS, llega con un visualizador gratuito y un diseñador tridimensional con un coste de 5 dólares, con versión también en Amazon.

Prometen haberse preocupado con la velocidad de la herramienta de diseño, eliminando toda la publicidad y permitiendo que los modelos terminados puedan ser consultados inmediatamente por nuestros clientes. Podemos tener y mantener una galerí­a de nuestros mejores trabajos y compartirla con pocos clicks, siendo sencillo que otras personas navegen en 3D por el ambiente creado.

Podemos especificar colores, imágenes de fondo y texturas, así­ como definir la posición de cámaras para añadir puntos de vista interesantes, igual que lo harí­amos con cualquier herramienta de CAD profesional.

Es posible usar una galerí­a de muebles en 3D ya predefinida (sillas, camas, mesas, etc.), elegir texturas entre las ya incluidas en la aplicación, seleccionar pinceles para pintar en las paredes del diseño, guardar fotos del ambiente, trabajar sin conexión a Internet y, lo que más interesante me ha parecido: completar el modelo tridimensional con amigos, permitiendo así­ que otras personas colaboren con ideas en el trabajo que estamos realizando (ideal para clientes aficionados a la tecnologí­a).

Por desgracia no hay ninguna versión de prueba para ver si efectivamente es lo que estáis buscando, aunque han publicado este ví­deo de presentación para poder conocer más detalles:
Continúa leyendo «Nueva versión de BuildApp, para diseñar casas en 3D desde el móvil»

Google lanza nueva versión de Google Play en la web

Google Play

Si accedéis a play.google.com veréis un nuevo diseño en la tienda de Google, donde las aplicaciones, pelí­culas y libros (también hay revistas y dispositivos en algunos paí­ses) ganan una nueva distribución en un scroll vertical mucho más largo y unas secciones más sencillas de navegar.

El nuevo Google Play está creado para facilitar el descubrimiento de novedades, de cualquiera de las tres categorí­as, con un menú lateral y tarjetas de información presentando tanto aplicaciones como pelí­culas o libros destacados.

No hay nuevas funcionalidades, los cambios son principalmente visuales, aunque notamos una carga más rápida de la información. Hay imágenes a tamaño real para aplicaciones, con capturas de pantalla en formato WEBP y mucha más información en cada página, siempre pensando en el scroll vertical, nada de múltiples columnas, como era antes.

Más agradable y más fácil de navegar desde tabletas, con fuentes grandes, menús siempre visibles y colores más discretos.

Tiff – Para comparar dos tipografí­as en la web

Desde que tenemos la posibilidad de ampliar la variedad del tipo de letra usado en nuestros proyectos web (gracias a Google fonts y typecast, principalmente), son muchas las páginas que están innovando en lo que a diseño se refiere.

Tener la garantí­a de que cualquier visitante verá el mismo tipo de letra en nuestros tí­tulos, cuerpos de texto y demás zonas del sitio, independientemente de si tiene la fuente instalada en su ordenador o no, es importante, y la idea es poder seguir ampliando las colecciones disponibles en estos directorios para que llegue un momento en el que los diseñadores no tengan que preocuparse por este tipo de lí­mite.

El problema es que al aumentar las opciones aumenta también el tiempo dedicado a la hora de decidir la tipografí­a de nuestro proyecto, motivo por el cual tenemos que guardar sitios como tiff.herokuapp.com.

tiff

Se trata de una herramienta que permite superponer dos tipos de letra diferentes para que veamos sus diferencias, ayudando así­ a tomar una decisión. Podemos escribir el nombre de cualquier tipografí­a incluida en Google Fonts y especificar las letras que queremos comparar (R,g,h,e – en el ejemplo superior), mostrando cada una de ellas en un color diferente y con un grado de transparencia que permita su comparación.

Link: tiff.herokuapp.com | Ví­a TNW

Nuevo Doodle.ly, para dibujar desde web y iPad

dibujo

Los que acostumbram a dibujar usando dispositivos electrónicos seguramente ya han oí­do hablar de Doodle.ly, una herramienta, con versión web y aplicación iPad que nos permite hacer bocetos de forma rápida y sencilla con varios recursos integrados en la plataforma.

Lanzan ahora una nueva versión que permite el zoom y el dibujo más realista con más tipos de pinceles, ceras y lápices, generando un efecto realista bastante difí­cil de conseguir en el mundo digital.

También se han preocupado en dar importancia a la velocidad con la que movemos el lápiz en la pantalla. Si lo hacemos lento, el trazo es más uniforme, al hacerlo rápido vemos como, igual que en la vida real, se marca más fuerte al inicio y pierde fuerza después.

La versión para iPad, más completa que la versión web, y gratuita, permite compartir el resultado en las redes sociales, así­ como interactuar con amigos recibiendo y enviando «me gusta» de los dibujos que hagamos.

Podemos, tanto en web como en tableta, navegar por el arte de otras personas y seguir a los usuarios que consideremos más destacados, transformando así­ una herramienta de dibujo en una red social, bastante limitada, de dibujantes.

Y si lo vuestro no es dibujar, nunca es tarde. Recordad estos Sitios web para aprender a dibujar.