Guí­a de diseño para crear apps para móviles Ubuntu

ubuntu

Ya están disponibles las App Design Guides, guí­as de diseño para todos los que empeizan a ponerse las pilas esperando el nuevo sistema operativo de Ubuntu para móviles.

Como comentan en omgubuntu, los apartados del menú disponible son practicamente los mismos que en las guí­as de diseño para Android, aunque en Ubuntu se enfocan más en el contenido, eliminando la necesidad de botones (en ubuntu se usan las aplicaciones deslizando de un lado a otro).

Presentan bloques listos para ser usados en nuestras aplicaciones, así­ como consejos generales para aprovechar las novedades que esta plataforma ofrecerá dentro de pocas semanas.

Para que un sistema operativo para este tipo de dispositivos tenga éxito es necesario que el universo de aplicaciones sea amplio, seguro y atractivo, de nada sirve tener una fantástica plataforma si solo tiene programas que recuerdan a los primeros ordenadores del siglo XX, con su monitor de fondo negro y letra verde. Tener un diseño elegante y profesional es una necesidad, no un lujo, aunque el diferente tamaño de las pantallas de los móviles puedan transformar ese reto en una odisea.

Link: design.ubuntu.com/apps

Nuevas páginas de Tuenti, para usuarios, marcas y empresas

pagina tuenti

Desde Tuenti siguen actualizando su nueva versión, aún en beta, y le toca el turno ahora a las páginas de organizaciones, marcas y usuarios.

En noviembre ya actualizacion los eventos y los juegos, y a partir de hoy, implantadas poco a poco en su comunidad de usuarios, las páginas darán más importancia a las fotos y ví­deos, que estarán justo debajo de la información de la página, y destacarán el módulo de chat, situado a la derecha.

Las páginas de empresas y marcas tendran nuevas funcionalidades:

Módulo de Aplicaciones: Para integrar aplicaciones comerciales en el módulo de Rich Media, así­ como diseños en Flash. La nueva API de Tuenti, que lanzarán en el primer semestre de este año, permitirá mayores integraciones en este módulo.

Módulo de geolocalización: diseñado para ayudar en la divulgación de negocios locales.

Filtro de contenidos: Permitirá enviar mensajes a diferentes tipos de usuarios filtrando por perfil, siendo posible diferenciar a los que son seguidores de los que no lo son.

Os dejamos ahora con el Manual de las nuevas páginas: Continúa leyendo «Nuevas páginas de Tuenti, para usuarios, marcas y empresas»

Guí­as online y gratuitas para aprender HTML y CSS

Guias HTML / CSS

Aunque contamos con muchos cursos online gratuitos que nos pueden iniciar en el mundo del desarrollo y diseño web, siempre resulta útil disponer de nuevos recursos que puedan adaptarse a nuestro nivel de conocimiento.

Una propuesta interesante la encontramos en las guí­as online sobre HTML  y CSS que ha preparado el desarrollador Shay Howe, pensada para principiantes y usuarios avanzados. Las guí­as están desarrolladas en varias lecciones muy bien diferenciadas, que podemos acceder sin necesidad de registro y en forma gratuita.

Por ejemplo, en su Guí­a para Principiantes  a HTML y CSS nos encontramos con un lenguaje muy sencillo donde explica desde terminologí­a,  función de cada uno de los elementos, atributos, propiedades, valores, etc. Y a medida que se desarrollan las lecciones también va compartiendo algunos de los errores clásicos que se comenten al momento de aprender estos lenguajes.

Y para aquellos que estén en un nivel medio, la Guí­a Avanzada a HTML y CSS lleva a la práctica lo que se explico en la primer guí­a ofreciendo orientación y algunos tips para trabajar correctamente en la codificación y diseño de un sitio web. Por el momento solo hay 3 lecciones, pero con la promesa de agregar más contenido semanalmente.

Al final de cada guí­a se integran una serie de enlaces para acceder a más recursos o comunicarse con el creador a través de Twitter para realizar consultas.

Ví­a: LifeHacker

Nueva versión de Delicious, más rápida, más limpia, más útil…

Sección para buscar enlaces por temas y personas (usando # o @, respectivamente), perfil personal modificado, posibilidad de navegar por los enlaces más populares de su red, programación realizada desde cero para ofrecer una navegación hasta 10 veces más rápida… el nuevo delicious que llevan varias semanas anunciando ya está disponible en busca de recuperar su antiguo tiempo de gloria en el mundo de los marcadores sociales.

Cuando la mayorí­a de nosotros almacenábamos los enlaces de interés en delicious (no habí­a favoritos de Twitter) era sencillo descubrir los temas más populares de Internet viendo la divulgación realizada en este portal para cada enlace. A medida que los usuarios fueron abandonando la herramienta, debido principalmente a la lentitud de reacción ante la competencia y al rediseño estilo Pinterest que hicieron poco después de salir de Yahoo!, la base de datos fue adelgazando mientras que los usuarios migraron a Twitter en busca de los temas más populares de la web social.

Pero Delicious no quiere morir sin intentarlo por lo menos una vez más, y esta nueva versión realmente es práctica y rápida. Podemos navegar por los enlaces guardándolos en nuestra cuenta de forma pública o privada, viendo parte de su contenido en el mismo portal y permitiendo compartir los links de forma sencilla y rápida.

Esperemos que se acuerden ahora que es necesario tener el servicio en varios idiomas, siendo este filtro indispensable para su adopción global.

Link: delicious.com

Viber actualiza su aplicación en la plataforma Android incluyendo stickers y otras novedades

Poco a poco vamos encontrándonos con más usuarios que también tienen instalados en sus terminales la aplicación de mensajerí­a móvil Line, ya que últimamente está dando mucho que hablar como una de las posibles alternativas a WhatsApp. Viber no se quiere quedar atrás y acaba de lanzar una actualización para terminales Android donde se incluyen una serie de novedades, entre ellas, la inclusión de las pegatinas, que podemos compartir con nuestros contactos, tal y como también ocurre con LINE.

Pero además de compartir pegatinas, esta nueva versión ya nos permite incluir emoticonos en nuestros mensajes, aunque también podemos usar los mensajes para enviar nuestras localizaciones. Renovación de la interfaz, nuevos sonidos, la posibilidad de entrar en grupos de conversación con hasta 40 participantes, y la posibilidad de utilizar los sonidos de nuestros terminales, son otras de las mejoras que nos trae esta versión, la 2.3, que podemos instalar de manera gratuita siempre y cuando nuestros terminales corran Android 2.0 o superior.

Parece que no quieren perder el pastel de este segmento, siendo otro de los que más se habla últimamente.

Enlace: Viber en Google Play

Weefreebies, diseños en papel descargables, imprimibles y gratis

wefreebies

Wefreebies es un curioso proyecto que nos llega en forma de página web en la que podemos encontrar, de forma ordenada y por categorí­as, cientos de diseños de figuras de papel imprimibles y de descarga gratuita.

En Wefreebies encontraremos diseños de cualquier cosa que se nos ocurra: origamis, invitaciones, detalles para bodas, papeles decorativos, marionetas, o decoraciones para dí­as especiales como Navidad, Halloween, el dí­a de la madre.. todo está clasificado en distintas categorí­as como figuras en 3D, paquetes, etc, y también podremos encontrar tutoriales varios que nos ayudarán en los diseños más complicados de papiroflexia.

Un bonito recurso web para que sobretodo, ahora en fiestas, podamos dar rienda suelta a nuestro ingenio y poder crear nuestros propios diseños y adornos.

Link: Wefreebies

Lorempixel nos permite obtener imágenes dinámicas de referencia para nuestros diseños web

Lorempixel

Todos conocemos la existencia del texto Lorem Ipsum, que nos permite incluirlo en cualquier documento para probar como puede quedar una publicación al final dentro del formato escogido. Si nos preguntamos si existe algo similar pero para las imágenes para cualquier contenido web, la respuesta es si, se llama Lorempixel, y nos permite obtener imágenes dinámicas a modo de referencia.

Lorempixel nos permite crear la URL de forma manual, siguiendo sus indicaciones, para incluirla dentro del contenido web, en el que en cada carga que se realice, mostrar una imagen diferente. En la URL se indicará el tamaño de la imagen, y si se desea, se puede especificar la categorí­a e incluso si ésta tiene que ser a color o en blanco y negro. Existen 11 categorí­as a elegir, y también permite la inclusión de un texto de forma aleatoria.

También dispone de un generador al cual se le indicará una serie de parámetros para mostrar una imagen aleatoria conforme a dichos parámetros. Las imágenes empleadas en esta aplicación están bajo licencia Creative Commons (CC BY-SA).

Un ejemplo práctico para esta herramienta es que nos encontremos desarrollando una web donde aún nos falte por meter contenidos, y tenemos que mostrar los avances a los jefes o los clientes para quienes estamos trabajando. Estas imágenes dinámicas nos servirán de referencia antes de incluir las imágenes finales.

Enlace: Lorempixel | Ví­a: TNW

LayerVault, control y gestión de tus proyectos de diseño

LayerVault es una aplicación web que nos permitirá controlar y gestionar todos los aspectos de nuestro proyecto (comunicación con compañeros, gestión de archivos, etc.) desde una misma interfaz.

La aplicación se añadirá a nuestra barra de tareas para permitirnos ir guardando de forma automática a través de la sincronización cualquier cambio, archivo, carpeta, etc. en el directorio de LayerVault. Nuestros compañeros de proyecto irán recibiendo actualizaciones para estar informados de qué aspectos del trabajo se actualizan o cambian, y también recibiremos dichas notificaciones en nuestros otros dispositivos si también los sincronizamos.

De entre las herramientas más interesantes que podemos encontrar en LayerVault que supongan más comodidad y eficiencia a la hora de gestionar un proyecto tenemos un TimeLine visual que nos representará gráficamente la historia y evolución de nuestro trabajo permitiéndonos retroceder hasta el punto deseado, una sección de proyectos, carpetas y archivos en la que exploraremos todo el contenido asociado a la cuenta, un feed de actividad con actualizaciones instantáneas o una sección de trabajo en equipo donde se nos desplegarán todos los miembros que colaboran en el proyecto controlando el trabajo y avance individual de cada uno.

Si queremos probarla tendremos 30 dí­as de prueba gratis, pero podremos adquirir LayerVault al completo por 19$, 59$ o 199$ mensuales, dependiendo de los proyectos que vayamos a compartir y los miembros del equipo que contribuyan, contando las tres versiones con almacenamiento ilimitado para archivos.

Link: LayerVault

SoundCloud trae su nuevo diseño a todos los usuarios

Si eres usuario habitual de SoundCloud, habrás notado que durante el dí­a de hoy hay un nuevo diseño disponible en este servicio, el cual se lanzó en fase beta cerrada el pasado mes de Mayo. Dicho rediseño, además de aportar más claridad al entorno, también mejoras las caracterí­sticas de la grabación, la reproducción y de las funciones sociales.

En palabras de sus propios creadores, es mucho más que un rediseño estético, lo cual tiene sentido ya que también se mejoran tanto su herramienta de búsqueda como su motor de recomendaciones. Los perfiles de los usuarios se asemejan ahora más a las páginas de Facebook, y además, quieren mantener a los usuarios que desean conocer nuevos artistas mediante la promoción de la reproducción continuada de temas musicales.

Respecto a las aplicaciones móviles, éstas llegarán este mismo jueves para iOS y Android, donde además de disponer de nuevo entorno de usuario, también incorporan las nuevas caracterí­sticas del motor de búsquedas y las caracterí­sticas sociales.

Parece que el nuevo diseño no ha tenido buen comienzo con algunos de los problemas experimentados por el propio servidor, aunque se irán puliendo hasta obtener la plataforma a pleno rendimiento.

Enlace: SoundCloud | Ví­a: Blog de SoundCloud

Libro gratuito: 50 consejos para hacer un mejor sitio web móvil

Desde Mobify nos presentan un libro gratuito que acaban de lanzar en formato digital: 50 ways to please your customers: A guide to mobile web design best practices, con una web desde donde es posible leer el contenido, nowmakeitmobile.com, y acceder a los consejos de dicho libro.

El libro, en inglés, está disponible aquí­, mostrando los principales problemas a los que se enfrentan los diseñadores cuando tienen que mostrar el contenido en pantallas pequeñas.

Está repleto de ejemplos y muestra los siempre fundamentales: Nunca hagas…, habiendo sido escrito por profesionales del tema que trabajan en la plataforma de diseño web para móviles mobify.com que ya os hemos comentado en algunas ocasiones.