.pixelhub – la evolución de dooid, para crear páginas con nuestro perfil y el contenido de redes sociales

pixelhub

Ya os hemos hablado en varias ocasiones de DooID, una plataforma que podemos usar para crear en pocos minutos una página web personal, una tarjeta de visita virtual con la información básica de nuestro perfil personal o profesional, una herramienta que hoy evoluciona, transformándose en .Pixelhub (pixelhub.me).

.Pixelhub permite, a parte de las funciones de DooID, publicar y organizar contenidos propios combinado con la importación de contenidos de servicios online y redes sociales.

Flexibilidad en el diseño y el contenido siempre ha sido uno de los principales deseos de nuestros usuarios en Dooid, además de la posibilidad de publicar contenidos personales junto a las últimas actualizaciones de redes sociales. DooID ha sido capaz de satisfacer estas necesidades hasta cierto punto, pero nos dimos cuenta de que era el momento de evolucionar para adaptarse a las necesidades presentes y futuras de nuestros usuarios.

El sistema de construcción de páginas con .pixelhub se basa en módulos de contenido que pueden arrastrarse de forma independiente para obtener actualizaciones de redes sociales. Los módulos de contenido están disponibles en tres tamaños diferentes que se pueden combinar y ordenar, como si de un LEGo se tratara.

Todas las páginas hechas con DooID seguirán activas sin ninguna limitación de tiempo, o funcionalidad. .Pixelhub es la evolución de DooID, ya que mucha gente ha querido más opciones a la hora de publicar contenidos, para realmente combinar un hub de redes sociales con una página web tradicional. A partir de hoy no será posible crear una nueva cuenta de DooID, sino sólo de .Pixelhub. Aún así­, el login y la administración de páginas DooID existentes va a continuar con toda normalidad (la gente va a poder seguir usando su página de DooID como siempre, visitando dooid.me

deporclub, para crear un sitio web profesional para tu club deportivo

deporclub

Nos presentan Deporclub.com como una plataforma que permite crear un sitio web profesional para clubes deportivos, pensado originalmente para que los clubes más modestos puedan tener presencia en la web sin necesidad de recurrir a plantillas gratuitas, que no están preparadas para albergar la información que requiere, o contratar un sitio personalizado que puede alejarse del presupuesto de la institución.

Lo que han creado es un sistema en el que, sin necesidad de conocimientos técnicos, cualquiera pueda crear una web adaptada a diferentes dispositivos, con la información estructurada de los estadios, jugadores, locales, entradas, etc.

Dispone de una sección de noticias en la que el club puede incluir novedades relacionadas con el deporte en cuestión, así­ como una sección con galerí­as de fotos y, como no, un formulario de contacto.

La opción gratuita es bastante completa en funcionalidades, pero solo permite incluir un equipo y no admite dominio propio. Este lí­mite no existe en las otras opciones, que pueden contratarse por planes que van desde 15 euros al mes, tal y como se muestra en su sección de tarifas.

Desde Deporclub nos entregan dos planes Pro durante un año a dos de los interesados que comenten esta reseña. Ellos se encargarán de sortear las cuentas entre todos los que comenten indicando cuál es su club durante las próximas 48 horas.

Designdrop – Sube un diseño, copia la url y mándala al cliente para que haga comentarios

designAquí­ tenemos otra herramienta que los profesionales del diseño pueden utilizar para recibir el sagrado feedback de sus clientes.

Se trata de designdrop.io, una web bastante sencilla, aunque no menos práctica, que permite subir una imagen y obtener una url para comenzar la discusión de sus elementos.

Solo tenemos que subir o arrastrar el archivo sobre el que queremos debatir y, después de un registro que únicamente solicita email y nombre de usuario, copiar la url única en la que se encontrará el material.

Cuando enviemos dicha url a los clientes (podemos invitarles desde allí­ mismo), podrán seleccionar cualquier región de la imagen y realizar comentarios sobre la misma. Cada región seleccionada tendrá un número indicando la colección de comentarios. Nosotros, como creadores del trabajo, podremos responder allí­ mismo, teniendo de esta forma bien organizadas las discusiones relacionadas con cada sección, sin necesidad de capturas, presentaciones e infinidad de emails que van y vienen.

No es la única solución que vemos de este tipo, pero sí­ es una de las más sencillas de utilizar. No permite analizar el histórico ni tener un portafolio organizado de nuestros trabajos, no podemos comparar versiones ni subir más de un archivo por url, pero en muchas ocasiones no es necesario ese tipo de funcionalidades, solamente necesitamos que alguien opine sobre la imagen que estamos enviando.

Podéis ver un ejemplo aquí­: designdrop.io/SF90fRQ3T, donde he comenzado una discusión de una captura de WWWhatsnew.com

Concept Inbox – Para aprobar nuestros diseños junto con nuestros clientes

conceptinbox

Seguimos concentrados en utilidades para los webdesigners y profesionales del diseño en general para hablar de conceptinbox.com.

Se trata de una aplicación web, disponible en español e inglés, que ayuda a agilizar el proceso de aprobación de los diseños por parte de los clientes. Podemos subir nuestros diseños y gestionarlos en la web, permitiendo compartirlos con los clientes y compañeros de forma sencilla para obtener el siempre necesario feedback. Para crear la cuenta no es necesario rellenar complejos formularios, simplemente tenemos que enviar nuestros primeros diseños por email a in@conceptinbox.com y ver cómo nuestro primer espacio ya es creado de forma automática.

Nuestro espacio de trabajo, el lugar en el que podemos guardar nuestros diseños, puede ser personalizado y protegido con contraseña. Es posible también alterar el orden de las imágenes con solo arrastrar el contenido, así­ como activar o desactivar los comentarios que los usuarios realicen sobre nuestros trabajos.

De momento existen dos opciones: la gratuita, con un lí­mite de 50 megas por cuenta, y la premium, con cuentas desde 1 Giga y un coste de 9 dólares mensuales, aunque puede probarse durante 14 dí­as sin compromiso. Esta segunda opción permite también almacenar proyectos, no solo imágenes, así­ como incluir fondos personalizados y proteger los proyectos con contraseña.

Florencia Espinasse, una de sus responsables, nos comenta que ya están trabajando en una nueva versión que verá la luz dentro de pocas semanas. Estaremos atentos y os informaremos sobre las novedades.

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.

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.

Nuevo SnapPages, para crear sitios web sin saber programar

snappages

SnapPages (snappages.com) nos ha acompañado durante mucho tiempo como una de las mejores opciones que tenemos para crear sitios web sin programar.

Es una categorí­a llena de buenas y excelentes soluciones. Algunas han conseguido un tremendo éxito en todo el mundo, como Wix.com, por poner un ejemplo, y otras han ido evolucionando con plataformas de creación más modernas e intuitivas, como Jimdo.com o SnapPages, quien anuncia ahora una nueva versión.

Antes de seguir, echad un vistazo a este ví­deo (solo es un minuto): Continúa leyendo «Nuevo SnapPages, para crear sitios web sin saber programar»

wedsiting – Crea una página web para tu boda

boda

En wedsiting.com han creado una aplicación que podemos usar para crear páginas web de bodas en pocos minutos. Incluye servicios y funcionalidades especí­ficas para dejar registrado el gran momento, con varias plantillas, integración con redes sociales, photostreaming para el gran dí­a (para proyectar en directo las fotos alojadas en la web e incluso las que los invitados van haciendo el mismo dí­a de la boda), configuración de diferentes niveles de privacidad para compartir la información, etc.

Como no podí­a faltar, cuenta con un organizador que ayuda a planificar el evento y gestionar el presupuesto, así­ como enviar invitaciones, distribuir invitados en la sala de fiestas, confirmar asistencias, incluir mapas interactivos, y mucho más.

El resultado puede ser consultado ví­a web, móviles y tabletas, ya que las plantillas han sido diseñadas para adaptarse a los diferentes tamaños de las pantallas. Es posible también configurar la web en español, inglés y alemán, aunque ya están pensando ampliar a otros idiomas en breve.

La prueba de 30 dí­as es gratuita, existiendo opciones que van de 149 a 199 euros anuales para la creación de la web de nuestra boda.

Aircus, crea la página web de tu empresa en pocos minutos

aircus

Fondo personalizado, descripción de la empresa, comentarios de los clientes satisfechos, datos de contacto, localización geográfica con mapa, formulario de contacto, servicios ofrecidos, galerí­a de fotos… Aircus (aircus.com) es un nuevo proyecto que puede realizar la página de presentación de una empresa en pocos minutos, importando algunos datos de las redes sociales (en caso de que no deseéis escribirlos de nuevo) y ofreciendo varios diseños que se comportan de forma diferente dependiendo del dispositivo que está conectado.

La idea es permitir algo semejante a lo que hace about.me con perfiles personales, una idea que, aunque no es nueva, sí­ está ejecutada de forma bastante elegante y profesional.

Los formularios disponibles para rellenar nuestros datos son los estrictamente necesarios para tener la información básica de la compañí­a, ya que el objetivo es tener una página de presentación con los datos fundamentales para capturar la atención de los visitantes.

No hay mucha variedad en los diseños disponibles, solo cambia la combinación de colores (poco más), pero ofrece, eso sí­, un módulo sencillo de estadí­sticas para verificar quién está visitando nuestra página en todo momento.

Una aplicación muy útil que, esperemos, siga creciendo para estar disponible en más idiomas y con muchas más opciones de layout.

Tendencias en Diseño Web en 2013

Este artí­culo fue publicado originalmente en inglés en bypeople.com usando un sistema de edición colaborativa integrando Github con Wordpress. El Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com, se ha encargado de la creación y traducción al español del mismo, dejándolo aquí­, en WWWhatsnew.com, como una excelente guí­a para profesionales del diseño web.

Espero que os guste:

——

A continuación encontrará una guí­a completa de lo que está marcando tendencia en el ámbito del diseño web. Los campos de acción del diseño y el desarrollo web se están cruzando cada vez con más frecuencia y se ha hace importante cubrir la necesidad de entender los nuevos conceptos que conciernen a estos campos. Esperamos que esta guí­a sea un gran aporte para ayudarle enfocar el camino a seguir en el avance del diseño web.

Adaptación al diseño web responsivo

El diseño web responsivo (DWR) se ha convertido en la tendencia y el camino a seguir en el campo. Si aún no está familiarizado con el concepto, puede consultar la reseña de Ethan Marcotte para A List Apart; también recomendamos esta lista de recursos publicada por Brad Frost: Esto es responsivo.

Básicamente, el objetivo del diseño web responsivo es hacer que los sitios y las aplicaciones web se puedan adaptar a cada nuevo dispositivo y su respectiva resolución.

Sin embargo, el diseño web responsivo tiene sus debilidades; aún no es perfecto ya que sacrifica información a favor del diseño y no es lo suficientemente adaptativo. Es por esto que vamos a ver algunas de los desarrollos que están conduciendo a la evolución del diseño web responsivo.

Continúa leyendo «Tendencias en Diseño Web en 2013»