En el mes de diciembre, Twitter presentó un nuevo diseño de su interfaz web (incluyendo la versión web para móviles) y en los clientes oficiales de Android e iOS. El cambio del interfaz era bastante sustancial y, durante estos tres meses, un buen número de usuarios ha tenido la oportunidad de probarlo (puesto que se activó a los usuarios de Twitter que usaban las aplicaciones de Android e iOS), sin embargo, seguía sin activarse de manera generalizada. Parece que los que estaban esperando el cambio ya no van a tener que esperar más puesto que Twitter está activando el nuevo diseño de interfaz a todos los usuarios.

Si hasta ahora mantenías el viejo interfaz, el nuevo diseño de Twitter ubica en el lateral izquierdo del interfaz la columna en la que podíamos ver los trending topics, los usuarios que nos siguen o los que seguimos. Por otro lado, el envío de un nuevo tweet pasa a un nivel algo más discreto puesto que se integra, en forma de botón, en la barra superior (en el menú que aparece en la zona más alta del interfaz).

Por otro lado, las menciones pasan a integrar una sección denominada Conecta en la que, además de ver las menciones y retweets que se hacen de nuestras publicaciones, también veremos información relativa a los usuarios que han decidido seguirnos, viendo así, de una manera mucho más clara, las interacciones que mantenemos con otros usuarios de Twitter. Además, los usuarios encontrarán una nueva sección denominada Descubre en la que Twitter nos mostrará noticias de actualidad que están relacionadas con la gente a la que seguimos, nuestra ubicación y los asuntos de los que solemos hablar.

Desde diciembre vengo utilizando el nuevo interfaz y, personalmente, creo que Twitter ha mejorado mucho con este nuevo diseño, se hace cómodo y, en el caso de tener personalizado el perfil, éste se ve muchísimo mejor.

Google sigue mimando a su sistema operativo estrella, Android, y unos meses después de lanzar el que ha sido el mayor rediseño en términos de interfaz y look & feel desde que apareció, proporciona a sus usuarios un nuevo sitio enfocado al diseño, Android Design.

Se trata de un lugar en el que aprender los principios que toda aplicación para Android debería seguir, con muchas secciones que engancharán de primeras a los diseñadores, y en las que se puede aprender como utilizar tipografías, gráficos y demás elementos de la interfaz de Android. Se trata de un sitio que trata de inculcar buenas prácticas a base de proporcionar recursos y aleccionar sobre ellos.

A cargo del equipo de experiencia del usuario, o Android User Experience Team, se afirma además de que esto es sólo el comienzo de un sitio que parece ya bastante completo pero que en los próximos meses irá profundizando hasta convertirse en una gran base de datos y de buenas prácticas que servirá como referencia para futuras aplicaciones.

Además, se complementará con artículos publicados en el Android Developers Blog, de donde recojo el anuncio del lanzamiento, y donde se promete comenzar a publicar una serie de artículos que tratarán de guiarnos por el recién lanzado sitio y por el uso de sus recursos para obtener unas aplicaciones no sólo funcionales sino elegantes, que al fin y al cabo, es un gran porcentaje de lo que acaba vendiendo las mismas.

Twitter acaba de presentar nuevo diseño, tanto en twitter.com como en los teléfonos móviles mediante actualización de la aplicación oficial y mobile.twitter.com, y esta vez no hablamos de cuatro pinceladas; nada de eso, se trata de un rediseño completo, uno de los más radicales que se han visto desde que la plataforma fuera lanzara en el 2006.

Lo primero que destaca en esta nueva versión de Twitter es que la columna con el menú de herramientas pasa a la izquierda y añaden a la misma el cajón para publicar tweets. Lo segundo, que todo gira en torno a cuatro pestañas, similares a las que había hasta ahora con algunos cambios y añadidos. Así explica la función de cada una la propia gente de Twitter:

• Inicio: Es donde ves los Tweets de las personas que has elegido seguir. Es tu colección personal de Tweets, con las últimas noticias, comentarios o información de las fuentes que más te interesan. Es ahora más fácil y rápido ver la información que más te interesa. Accede inmediatamente a tus funciones favoritas en el lado izquierdo. Las fotos, videos y conversaciones se incluyen directamente en los Tweets para que puedas ver la historia completa en una sola mirada. Ahora todo en tu página de inicio aparece de forma consistente en tu computador, iPhone y móviles Android.

• Conecta: Es el lugar donde verás quién te está siguiendo, quién te ha mencionado, quién ha hecho un retweet o marcado como favorito uno de tus Tweets.

• Descubre: La página Descubre te da una fuente constante de información útil y entretenida, creada a tu medida. Cuando usas Descubre, verás resultados que reflejan tus intereses con base a tu ubicación actual, lo que estás siguiendo y lo que está pasando en el mundo. Mientras más usas Twitter, mejor contenido aparece en Descubre, seleccionado a tu medida.

• Cuenta: La nueva sección de perfil pone tus intereses en primer lugar. Otros pueden enviarte Tweets directamente y ver tus listas, favoritos, seguidores, fotos y más. Tu Cuenta es donde puedes estar al tanto de tus conversaciones por mensaje directo.

Como es habitual, irán implementando este nuevo diseño de manera progresiva en las próximas semanas. En el caso de la versión móvil, ya lo han desplegado para todos los usuarios, se puede probar bien accediendo desde el navegador del móvil a mobile.twitter.com o bien descargando la nueva versión del cliente oficial para smartphones.

Así que importante movimiento, que ya está generando polémica entre los usuarios, con el que claramente buscan aumentar la actividad dentro del servicio y simplificar en lo posible para facilitar la entrada de nuevos usuarios.

Y solo me queda hacer la pregunta indispensable en estos casos: ¿que os parece? En mi caso, aunque la he probado poco, la nueva aplicación oficial no me convence y respecto a la versión web, aún no la tengo activada por lo que no me puedo pronunciar en condiciones; en base a las capturas, me da buenas vibraciones.

Parece ser que los cambios que algunos llevábamos percibiendo durante los últimos días en Grooveshark ya han sido adoptados por la gran mayoría de usuarios. La compañía pone así punto final a un rediseño de interfaz en el que han mejorado la usabilidad de su servicio y además lo han dotado de nuevas funciones sociales. La integración con sitios como Facebook o Twitter es una realidad, y que pese a que éste startup no tiene firmado con por ejemplo Facebook, como sucede con Spotify, es perfectamente disfrutable.

Aunque tal vez lo que más llama la atención en el nuevo Grooveshark es la implementación de su propio sistema de recomendaciones, una capa social que nos invita a interactuar con otros usuarios y seguir sus tendencias a través de la pestaña comunidad. Tal vez basándose un poco en LastFM, ahora es posible encontrar a otras personas con nuestros mismos gustos o ver lo que han escuchando.

El verdadero protagonista sigue siendo la posibilidad de realizar una búsqueda en la que encontrar prácticamente todo lo que queramos, y hay que decir que lamentablemente esta nueva versión se queda en el rediseño y no en algo muy necesario: la organización de la librería musical. El gran problema –y a la vez uno de los motivos por los que el servicio es tan popular—es que la librería se construye en base a lo que los usuarios suben. Esto propicia que muchas de las pistas no estén bien etiquetadas, y lo que es peor, que en muchísimas ocasiones no tengan la calidad mínima y nos encontremos con cortes o saltos en las canciones.

Volviendo a la interfaz, decir que ha sido todo un acierto en mi opinión. Más limpia, más clara, usable y con un toque más profesional y moderno, si me lo permitís. Esperemos que éste, uno de los servicios de streaming más populares de la actualidad, siga mejorando, y que no le suceda nada con los recientes movimientos que se están produciendo en el mundo de las compañías discográficas.

Hace unos días Adobe decidió dar el primer paso hacia un camino diferente al que nos tiene acostumbrados. La tecnología Flash cada vez se ve más reemplazada por las animaciones en HTML5 y CSS3 así que la empresa, aún sin dejar de lado ni pretender sustituir a Flash, ha decidido aventurarse y comprobar si puede llevarse también, este suculento pedazo del pastel.

Todos sabemos que las animaciones, por sencillas que sean, llevan un trabajo que puede complicarse enormemente. Herramientas como Adobe Edge (como veremos, clon de Adobe Flash para animación HTML5/CSS3) hacen que sea muy sencillo crear transformaciones, links animados, presentaciones multimedia… o lo que se nos antoje con muy pocos o prácticamente ningún conocimiento de animación ni diseño.

No pretendo enseñaros como se maneja la herramienta Adobe Edge (que todavía se encuentra en fase de pruebas y desarrollo) ya que es muy extensa y puede llegar a ser muy compleja si queremos exprimirla al máximo, pero sí mostraros sus bondades y defectos para que os animéis, por lo menos, a crear vuestra primera animación en HTML5/CSS3 y os deis cuenta que, para el 90% de los efectos que se pueden encontrar en los portales que visitáis, no hace falta Flash.

El entorno:

Lo primero que nos encontramos al instalar la versión disponible actualmente en la web de Adobe para descarga y lanzarla es una ventana que nos indica el tiempo restante de licencia gratuita por “Pre-Release”. Es de esperar que Adobe Edge se incluya en alguna revisión de la suite creativa de Adobe (Adobe Creative Suite) por lo que sería de pago y ésta sólo es una prueba para mostrarnos las bondades y les ayudemos a desarrollarlo haciendo de betatesters.

Aún así aceptamos y veremos un interfaz sencillo, en tonos oscuros y dividido en 4 secciones principales en las que podremos ver una pantalla de bienvenida donde nos invita a crear un documento nuevo, abrir un archivo o mostrar los siguientes. También tenemos algo de “publicidad” y, lo que nos interesa, la barra del timeline (como en el Adobe Flash), la sección de elementos en el diseño (como en el Adobe Flash) y la sección de propiedades del elemento seleccioneado (como… eso!, en el Adobe Flash).

Y es que básicamente, Adobe Edge es una revisión de Adobe Flash a la que le faltan una inmensa cantidad de opciones y elementos pero, el concepto, es exactamente el mismo. Si estás acostumbrado a ver Flash, no tendrás problema con Edge ya que todo te sonará.

Un nuevo documento:

Comenzaremos a diseñar algo para ver cómo se comporta ésta nueva creación de Adobe. Utilizamos el botón de “Create New” y se nos presenta el mismo área de trabajo, pero ahora sí, con un pequeño recuadro blanco para que comencemos por algún sitio.

Ahora ya tenemos acceso al resto de paletas como el timeline, elementos y propiedades. Además, justo encima del área de propiedades disponemos de los botones para ir añadiendo elementos al diseño. Los cuatro elementos nativos que podemos añadir son rectángulos, rectángulos con borde redondeado y texto. Al principio pueden parecer pocos, pero si lo pensamos en detenimiento, son más que suficientes teniendo en cuenta que podemos importar imágenes (PNG, JPG y GIF) o archivos de curvas (SVG).

En el recuadro de propiedades iremos modificando las características de cada elemento, por ejemplo, la posición o el color. Por ahora sólo tenemos un recuadro en blanco por lo que, poco podemos hacer.

Añadiendo componentes:

Bueno, pues sí, tenéis razón, se parece mucho a Adobe Flash.

En la lista de elementos de la derecha podemos ver ahora alguna pieza más de la composición. Los elementos que ahí se muestran lo hacen en forma de árbol partiendo del elemento base, la hoja principal. Por supuesto que se pueden tener varias pero, como comentaba al principio, no me extenderé en la explicación de su uso, sólo unas pinceladas.

En la paleta de elementos los objetos se muestran por el orden que tienen, así, los primeros son los que están más al fondo y los últimos son los superficiales. Además se puede ver, a la derecha de cada elemento, qué tipo es así, por ejemplo, los que tengo en el lienzo ahora mismo son todos capas (“div”). Por defecto, Adobe Edge engloba cada elemento en una capa para luego trabajar solamente con ellas y moverlas, redimensionarlas, solaparlas…

En el timeline podemos ver los efectos que les vamos cambiando en cada capa o elemento y así sabremos, en todo momento, qué propiedad cambia de cada objeto y cuándo. Por ejemplo, el elemento Text1, cambia de color varias veces y así lo podemos ver en su línea del tiempo al igual que se puede distinguir que no se mueve más a partir de los 1.2 segundos.

Previsualizando y exportando

Una vez nuestra presentación o diseño toma forma, podemos previsualizar cómo queda en el navegador que tengamos por defecto en nuestro sistema. Automáticamente Adobe Edge creará una exportación temporal y nos mostrará, en mi caso Firefox, con la animación que hemos creado moviéndose en pantalla.

Y como ya hemos terminado, podemos exportar nuestro diseño. Eso sí, como es un archivo HTML5 /CSS3/Javascript, sólo nos ofrecerá la opción HTML.

También hay que comentar que tendremos tres archivos en nuestro sistema para subir a nuestro servidor FTP o importar en nuestro diseño. Un archivo HTML que es el encargado de llamar a los demás y crear la zona de visualización, un archivos CSS que se encarga de colocar los elementos en pantalla y algunas transformaciones y un archivo JavaScript que será el responsable de las animaciones más complejas.

Todo ésto hay que subirlo a nuestro servidor además de las imágenes que importásemos para realizar el diseño. Normalmente Adobe Edge crea una carpeta llamada “images” en la que se encuentran dichos elementos, siempre y cuando los utilizásemos. Si sólo hemos utilizado cuadrados, texto y círculos no tendremos la carpeta de imagenes.

Conclusiones

No sé si ya lo habréis probado al llegar a éste punto pero, si no, os animo a hacerlo. Es sencillo, intuitivo, no extremadamente potente y se consiguen unos resultados fabulosos para tener una bonita animación para nuestra web.

De todas formas, y después de probarlo durante unas horas, os puedo decir que no me extrañaría verlo formar parte de Adobe Flash en un futuro o, incluso, un cambio de nombre para ambas aplicaciones (¿”Adobe Web Animation”?) en el que podamos decidir en qué tecnología exportar un diseño.

Aunque, repito, seguro que todavía tendremos mejoras muy suculentas para éste “invento” de Adobe, Adobe Edge, estoy seguro que veremos una crecimiento exponencial de las animaciones HTML5 gracias a desarrollos como éste.

Youtube, el popular servicio de alojamiento y visualización de vídeos está a punto de experimentar un diseño en profundidad, acorde a los cambios estéticos que viene aplicando la compañía e todos sus servicios después de la salida de Google Plus. Éste experimento recibe el nombre de Cosmic Panda y supone el mayor punto y aparte en el diseño del portal desde sus comienzos.

Google siempre se ha caracterizado por añadir, casi constantemente, cambios y novedades en todos sus porteles y servicios pero éstos nunca han sido tan radicales como el cambio estético a punto de aplicar a Youtube. Las modificaciones naturales no pasaban de nuevos códecs, una recolocación de ciertos elementos, mejoras en los tiempos de respuesta o personalizaciones de pequeñas partes.

Con Cosmic Panda el cambio es radical. Colores más contrastados entre grises oscuros y blancos para separar perfectamente el vídeo de la parte social como los comentarios, material relacionado… Los botones también se diferencias más y ganan relieve para hacerse más llamativos así como el perfil de usuario ocupa ahora una de las partes más importantes de una web, la cabecera, con un tamaño más que considerable.

También el modo de reproducción mejora enormemente con diferentes tamaños disponibles de forma sencilla reflejados en 4 botones y se han añadido el útil “Ventana de navegador completa” para complementar el “Pantalla Completa” tan necesario y utilizado.

Sin duda éste diseño puede sufrir cambios y de hecho ellos mismos están pidiendo feedback para recoger las mejores ideas y sugerencias e intentar mejorar, aún más, la nueva interfaz y el diseño del portal. Si os apetece probarlo y comentar, seguro que no os arrepentiréis, a mi me está gustando mucho.

Google siempre se ha caracterizado por sus diseños simples, de líneas suaves y centrados en un aprovechamiento del espacio para no entorpecer la correcta navegación o el disfrute del usuario. Durante los años la empresa siempre ha buscado eliminar el ruido visual e impulsar los espacios libres para no dar sensación de “apelotonamiento”.

La última actualización que tenemos activa nos muestra un rediseño centrado en mejorar la “experiencia Google” del usuario. Según su blog oficial, este rediseño pretende maximizar el espacio libre en pantalla y evolucionar de la misma manera a cómo lo hacen los servicios del gigante de las búsquedas. Estos, aunque cada día son más, no se agolpan en una misma zona atormentando al usuario que, a fin de cuentas, lo que quiere es usabilidad y sencillez.

Desde el punto de vista del diseño, lo que podemos apreciar a simple vista en un cambio de color en la barra superior del buscador a unos tonos más oscuros que la diferencien perfectamente del resto de la web y donde se pueden ver accesos directos a los diferentes portales de Google y a las Google Apps. Todos ellos guardan un mismo diseño (nada de logos estridentes diferenciándolas) y a mano derecha tendremos, como constante en el resto de apps de Google, un acceso a nuestra cuenta y configuración.

Ya centrándonos algo más en la experiencia de usuario, Google pretende con el nuevo rediseño mejorar tes puntos claves de la navegación actual: El enfoque, la flexibilidad (O elasticidad) y La potencia.

Actualmente disponemos de mucha variedad de dispositivos para navegar y todos ellos tienen pantallas diferentes, resoluciones dispares y tamaños variados por lo que el nuevo diseño busca adaptarse a todos sin provocar incomodar al usuario.

En cuanto al enfocado, como comentaba antes, en Google están haciendo esfuerzos para que cualquier persona pueda navegar cómodamente sin tener que separar la paja de lo que está leyendo y que diferentes enlaces y opciones no estorben en lo que realmente importa, navegar.

Todo esto, por supuesto y más en los tiempos que corren, son se llevaría a cabo si supusiese un descenso en la potencia del portal. Las últimas tecnologías HTML5, WebGL… están presentes constantemente en el nuevo diseño.

En lo personal decir que me gusta hacia donde apunta Google con sus nuevos diseños y, siguiendo la evolución del buscador, esperemos que continúen por esa línea.

Los diseñadores web usamos mucho generadores aleatorios de texto para poder cubrir nuestros diseños y poder ver una aproximación del diseño final. Aunque no es exacto y las variaciones son necesarias, ayuda mucho el disponer del característico “Lorem ipsum dolor sit amet” y sus muchas variantes existentes (algunas incluso en otros idiomas).

Cuando se trata de imágenes la cosa está más difícil y, debido a eso, debemos recurrir a imágenes fijas, distorsionadas o incluso cuadrados de colores para poder rellenar el espacio sin desperdiciar tiempo en buscar imágenes que posteriormente no se utilizarán. Ahora lo tenemos mucho más fácil con LoremPixum, una web que nos generará las imágenes que necesitamos.

Podemos escoger entre imágenes por temáticas, en color o blanco y negro y fijar los tamaños que necesitamos para colocar en nuestra web. Además, las imágenes generadas con LoremPixum tienen licencia Creative Commons y podremos utilizarlas tantas veces como queramos.

La ventaja más interesante, o por lo menos de las más prácticas, es que podemos introducir imágenes en el proceso de programación de la web para ver cómo quedan simplemente siguiendo la forma img src="http://lorempixum.com/400/200" con lo que automáticamente tendremos una imagen aleatoria del tamaño que hemos solicitado.

En los tiempos en que el tiempo es oro, utilidades como ésta nos hacen ganar muchos minutos.

Los portafolios, directorios de recursos, fuentes… forman parte de los marcadores de cualquier usuario al que le guste el diseño o que trabaje en éste campo. Cuando se trata de recursos, los más habituales son fuentes, vectores e imágenes aunque de todas formas, el amado Photoshop, nos ayuda en la mayoría de los casos y para él tenemos el formato PSD para poder alimentarlo.

Aunque los directorios de contenido son bastante abundantes, los de PSD, escasean y por eso hoy traigo uno que puede inspiraros o facilitaros ese botón o caja que no conseguís a vuestro gusto. En LittlePSD podéis encontrar una serie de diseños en PSD listos para descargar y añadir a vuestros trabajos.

Además si sois diseñadores o tenéis algo que os gustaría compartir con los demás también podéis subir vuestros archivos al directorios para ponerlos al alcance de todos los usuarios.

Los diseños están clasificados por etiquetas, novedades e incluso algunos patrocinados. El directorio está naciendo y el catálogo disponible es pequeño aunque seguirá creciendo con las aportaciones de todos los que lo visitamos.

Si tenéis algún directorio de recursos que os gustaría compartir, dejadlo en comentarios y así todos podremos disfrutarlo

Adobe siempre ha actualizado sus programas y Suites cada 18/24 meses aproximadamente. Todas estas revisiones eran actualizaciones mayoritarias y necesitaban la reinstalación y compra de toda la suite al completo para poder disfrutar de las siempre suculentas novedades que Adobe incluye en cada nueva revisión.

Parece que esto está próximo a recibir un radical cambio y Adobe quiere pasar su modelo de negocio (por lo menos en parte) al sistema se suscripción. La nueva versión de su “Creative Suite”, la 5.5, saldrá apoximadamente el 3 de Mayo será gratuita para los usuarios que dispongan de la CS5 completa o tendrá un coste la propia actualización para los que tengan otra diferente.

Además Adobe lanzará varias aplicaciones para iPad de forma que complementan totalmente el trabajo directo con su software. Así tenemos una aplicación para poder intercambiar nuestro espacio de trabajo entre las diferentes imágenes que tenemos abiertas en Photoshop (Nav para iPad), una paleta de colores interactiva que hará más sencillo el manejo y mezcla de colores (Adobe Color Lava) y para finalizar podremos transformar el iPad en una tableta digital interactiva para poder “pintar con los dedos”.

Las nuevas aplicaciones, por ahora sólo para los productos Apple, son un valor añadido excelente para los diseñadores acostumbrados a utilizar Photoshop. Adobe todavía está trabajando para portar esas aplicaciones a Android o Windows Mobile pero supone que estarán disponibles en los próximos meses. Los precios, además, serám muy adsequibles siguiendo el tono del resto de aplicaciones de la App Store (desde 1.99$ a 4.99€).

En futuras versiones y evoluciones de Creative Suite quizá veamos aplicaciones para iPad diseñadas para InDesign o Ilustrator pero, por ahora, una excelente elección la de integrar dispositivos externos a nuestro trabajo diario.

Vía: Mobilized

Para los habituados a utilizar software CAD para diseño, el programa de Autodesk, AutoCAD es el líder indiscutible en éste campo. Es el programa más extendido, el más exacto y el que nos enseñan a manejar en cualquier universidad, curso, escuela… y, al igual que sucede con Windows, es más fácil utilizar lo que ya te han enseñado que aprender algo nuevo.

No le quiero quitar mérito al AutoCAD, que lo tiene y mucho, sino más bien indicar que no es el único que existe en su campo y que, si hablamos de 2D, tenemos alternativas para software libre. DraftSight es un software para diseño CAD en 2D para la plataforma del pingüino. En la última versión permite abrir, ver y modificar archivos DWG propios de AutoCAD.

Todavía tiene un pequeño inconveniente para los que usamos sistemas en 64 bits y es que DraftSight sólo se ofrece compilado para 32. De todas formas podemos forzar la instalación instalando manualmente la dependencias que faltan sudo apt-get install libdirectfb-extra libxcb-render-util0 y con un sudo dpkg --force-architecture –i DraftSight.deb .

Todavía queda mucho por trabajar en éste programa pero para tratarse de una versión Beta es un software espléndido que debéis probar para sorprenderos.

Aunque la gran ventaja es que se encuentra disponible para Linux, también lo está para Windows y Mac.

Información básica:

• Plataforma: Linux/Windows/Mac
• Licencia: Freeware
• Precio: Gratuito
• Enlace de descarga: DraftSight

Aunque diseñemos un sitio con una apariencia impecable y navegación fabulosa, siempre es importante ofrecer atajos a los visitantes, para que encuentren rápidamente lo que necesitan. Los buscadores internos son buenos aliados, que se convirtieron prácticamente en estándares con el auge de los blogs. Es por ello, que Manolo Núñez nos pregunta: “¿cómo puedo insertar una caja de búsqueda en mi web?”

Hoy en día, los gestores de contenidos más populares como Drupal, Joomla o WordPress, cuentan con sus propias herramientas que vienen incluidas en el paquete habitual. Generalmente, basta con instalar un tema que soporte esta funcionalidad, el cual incluso se puede mejorar con extensiones. Pero si se trata de un desarrollo propio, es necesario recurrir a otras opciones.

Una propuesta muy sencilla es Búsqueda Personalizada de Google. Con sólo copiar y pegar un código HTML entre las etiquetas <body> y </body> de cada página, aparece un buscador personalizado para tu sitio y los que enlaces. Si faltaran páginas en el índice de Google, puedes crear un motor propio, con la posibilidad de elegir la apariencia y hasta integrar funciones de monetización gracias a Adsense.

En lo personal, tuve inconvenientes con el indizado, porque faltaban contenidos pese a que generé un sitemap. Por eso, me sorprendió gratamente SiteLevel, un servicio en el que apenas debes registrarte y obtener el código. Se activa en cuestión de segundos y luego puedes personalizar los resultados, ajustar la relevancia o crear redirecciones para ciertos términos.

En caso de que desees alojar la herramienta en tu propio servidor, Sphider es una buena opción, aunque compleja para quienes no tienen conocimientos de PHP y MySQL. Sus características más destacadas son un sistema de plantillas, la inclusión de archivos .doc y .pdf, y la organización de páginas en categorías y subcategorías. Eso sí: conviene monitorizar el tráfico para evitar sorpresas.

Bitelia Responde es un amigo a quien puedes hacerle tus consultas informáticas. Si tienes dudas sobre software o web 2.0, escríbenos y verás la respuesta en este espacio.

Una de las metas que se propuso Microsoft en el desarrollo de Internet Explorer 9 beta, fue dar más protagonismo a las páginas que visitamos con frecuencia, gracias a la posibilidad de anclar cualquier URL a la superbarra de Windows 7. De esta forma, accedemos a nuestro correo electrónico, red social favorita u otras webs, con gran rapidez.

Pero la historia no termina ahí. Si despliegas la jump list de estos íconos especiales, verás atajos a ciertos sectores de tu sitio favorito. Por ejemplo, en Hotmail hay ítems para crear un nuevo mensaje o ver la bandeja de entrada, mientras que Amazon permite acceder a la configuración de cuenta o los productos más vendidos, con un clic.

La buena noticia es que puedes implementar esta función en tu propia web. Basta con añadir algunas líneas de código HTML a todas las páginas, como veremos a continuación.

Primero, deberás ubicar el archivo que contiene la cabecera de tu site, generalmente header.php (muy común en WordPress). Tras guardar una copia de seguridad, harás las modificaciones entre las etiquetas <head> y </head>.

Cuestión de identidad

Es posible personalizar una serie de aspectos globales, que van desde ciertos colores de la interfaz hasta el tamaño de la ventana. Esto se logra agregando líneas con la siguiente convención:

• application-name: el nombre del acceso directo. Si lo omites, se mostrará el título del documento que dio origen al atajo.
• msapplication-tooltip: el texto que saldrá al pasar el ratón sobre el ícono.
• msapplication-starturl: la dirección de la página de inicio. Si no la completas, se abrirá la que usó el usuario para crear el vínculo.
• msapplication-navbutton-color: el color de los botones Adelante y Atrás, en formato hexadecimal.
• msapplication-window: define el ancho y alto inicial del navegador.

Por ejemplo, aquí en Bitelia utilizaríamos:

Si no cuentas con un favicon, es el momento ideal para generar uno de tamaño 32x32 y guardarlo como favicon.ico en el directorio raíz del sitio.

Añadiendo ítems

Ahora viene lo más interesante. Siguiendo las mismas pautas, puedes establecer parámetros msapplication-task para definir tareas, es decir, enlaces a distintas páginas de tu site. La estructura básica es:

Allí, tendrás que reemplazar:

• nombre-de-la-tarea: establece la denominación del ítem.
• dirección-de-la-página: indica qué página se abrirá al pulsar sobre el ítem.
• dirección-del-ícono: asigna una imagen al vínculo.

Este sería un ejemplo para nuestro propio blog, puntualmente con las categorías Software Libre, Mac y Windows:

Opciones avanzadas y alternativas

Estas son apenas las características más habituales, pero MSDN preparó una completa documentación para configurar notificaciones, que seguro aprovecharán quienes desarrollan aplicaciones web. Además, ya existe una extensión para WordPress, mientras que los usuarios de WordPress.com cuentan con la nueva funcionalidad habilitada por defecto.

Ubunchu! es un manga creado por Hiroshi Seo, y publicado en Japón por ASCII MEDIA WORKS desde el año 2009 como parte de la revista Kantan Ubuntu! El manga cuenta la historia cómico-romática de tres estudiantes que trabajan en un laboratorio de cómputo administrado por ellos y de la llegada de Ubuntu a sus vidas.

El manga es compartido bajo una licencia Creative Commons que permite copiar, distribuir, transmitir y adaptar el trabajo en tanto siga siendo atribuido al autor original y sin pretensiones comerciales.

Al día de hoy, Ubunchu! suma cinco capítulos donde además de centrarse en el uso y difusión de Ubuntu, tocan temas como las licencias, la línea de comandos y los foros de ayuda.

El japonés, claro, es el primer idioma del manga. Pero gracias a la licencia de uso, el autor ha conseguido que muchos entusiastas participen en la traducción de Ubunchu! a sus idiomas nativos. En este sitio encontrarás las versiones traducidas al español —-por ahora, sólo hasta el tercer capítulo—-. Si quieres colaborar la traducción, te recomiendo dirigirte al grupo de discusión en línea.

Además, si usas Android, iPhone, Nintendo DSi u Kindle, también puedes disfrutar Ubunchu! con el plus que ofrecen las publicaciones digitales de Robot Comics.

He de confesar que el género al que pertenece el manga no es mi favorito. Sin embargo, la aportación educativa de Ubunchu! en relación con Ubuntu y el software libre en general, es destacable y con calidad suficiente —-que no excelente—- para tomarse en cuenta. Sería interesante comprobar su impacto en personas sin antecedentes en software libre, ¿no lo creen?

Al parecer, en Adobe están haciendo lo imposible por no perderse en un mundo post-flash y se están rebanando la cabeza buscando nuevos productos que lanzar al mercado, aprovechando los nuevos métodos y medios de desarrollo. Por eso es que está trabajando en una plataforma para la construcción de revistas digitales para tablets. Y señores, quien hoy dice tablet dice iPad, la plataforma que niega el acceso a Flash.

La aplicación tendría como objetivo simplificar la tarea de los diseñadores, sirviendo de puente entre InDesign, claramente orientado a ediciones tradicionales y el software final para el dispositivo. La meta es que los diseñadores puedan beneficiarse de las posibilidades que brindan los nuevos dispositivos, siendo el mayor caso de éxito en esta área Wired y su aplicación para el iPad.

Permitirá importar archivos desdde InDesign y estará centrada en incorporar las funcionalidades más típicas de los nuevos dispositivos, como navegación y zoom por gestos y en hacer que la experiencia de lectura sea más natural en los gadgets. La aplicación, que será incluida en próximas versiones de la suite creativa de la compañía, estará disponible antes para descarga en Adobe Labs.

Interesante decisión de Adobe, que pasa a incorporar a su suite de diseño software capaz de simplificar la labor del diseñador en un contexto en el que las herramientas comunes de la compañía se quedaban cortas. Y si bien, como mencioné en el primer párrafo, hoy en día tablet es prácticamente sinónimo de iPad, en unos años el gadget de Apple será sólo uno más. Adobe se asegura así la posibilidad de seguir trabajando con un mercado en el que todavía no había encontrado lugar.

Vía: Mashable

Las tabletas Wacom son algo muy útil y accesible a día de hoy. Los que las utilizamos para diseñar nos damos cuenta que Linux es ese gran olvidado por las grandes empresas y que, por ejemplo, Wacom no desarrolla ningún tipo de software de configuración que sí está disponible para otras plataformas como Windows o Mac (aunque en la selección de software/controladores de su web sí se pueda escoger Linux en la lista desplegable, ¿Estará en desarrollo?).

Si, como yo, buscas configurar un poco más a fondo tu tableta para que no se convierta en un simple ratón muy caro, Wacom Control Panel es tu aplicación. La última versión disponible es la 1.11-1 (Qué número más redondo ¿no?) y han arreglado algunos problemillas, como es lógico, de versiones anteriores y añadido nuevas mejoras y funcionalidades:

• Detecta y configura automáticamente muchos de los productos Wacom
• Modifica xorg.conf automáticamente
• Configura comandos de teclas y botones del ratón
• Configura la curva de presión de los dispositivos de entrada
• Recuerda la configuración al iniciarse

La versión actual dispone de un paquete para Ubuntu 10.04 e incluso para versiones anteriores, y funciona perfectamente con muchas de las tarjetas WACOM (Yo tengo una Wacom Bamboo y funciona a las mil maravillas). Sin duda un pequeño pasito para los usuarios de Ubuntu que queremos utilizarlo en un ambiente profesional.

Información básica

• Plataforma: Linux (Ubuntu)
• Licencia: GPL
• Precio: Gratuito
• Enlace de descarga: Wacom Control Panel

Si bien Firefox 4 tendrá infinidad de novedades cuando vea la luz hacia fin de año, también está en planes una gran renovación de la interfaz, que cambiará la manera de configurar el navegador y el uso de sus principales características.

Ya conocimos cómo será el futuro administrador de extensiones, pero ahora el diseñador Stephen Horlander nos confirma que ese cambio es parte de una tendencia que reemplazará la mayoría de los cuadros de diálogo por pestañas.

Así, al igual que hacen Opera con el apartado de descargas o Chrome con la configuración de los plug-ins, las preferencias se ajustarán desde páginas que compartirán espacio con los sitios que visitamos, los cuales también podrán agruparse en grupos. Por supuesto, siempre se mantendrá una coherencia visual con otras funciones que ya aparecen en pestañas, como el about:config, la recuperación de sesiones o los mensajes de error.

Aunque esta modificación parezca inconsistente con el resto del sistema operativo, lo cierto es que otras aplicaciones ya emprendieron caminos similares. Un caso destacable es el de Office y su ribbon que, generalmente, evita el bloqueo de la pantalla principal cada vez que ajustamos algún parámetro o aplicamos formatos.

Para el usuario, también simplificará las acciones que querramos hacer. Por ejemplo, se terminará la frustración de intentar pegar, en una ventana, un texto que olvidamos copiar y nos obliga a inciar nuevamente el proceso o introducirlo manualmente. No está nada mal para eliminar un poco más las barreras entre la web y el escritorio. ¿Qué opinas?

Vía: CNet

Como parte ¿final? de su último rediseño, YouTube estuvo probando una nueva apariencia para su reproductor desde mediados de abril. Siguiendo la meta de simplificar la interfaz, finalmente estará disponible en todos los vídeos tras la actualización gradual que culminará en los próximos días.

Su aspecto es más prolijo y moderno, con degradados que también lo vuelven elegante. El gran cambio es en la barra de progreso, que se desvanece cuando no se utiliza. El volumen, por su parte, se ajusta con un nuevo control horizontal para evitar todo tipo de interferencias con la reproducción.

Tal vez sea la mejor estética en sus cinco años de existencia, que también significará una buena noticia para los sitios web que cuidan el diseño hasta el extremo. ¿A ustedes qué les parece?

Vía: Erictric

Desde hace unos meses se sabía que la gente de YouTube estaba trabajando en un completo rediseño del sitio. Pues bien, según han informado diversos blogs estadounidenses, el cambio se va a producir a lo largo del día de hoy a nivel internacional, aunque algunos usuarios ya tienen el nuevo diseño desde hace tiempo.

De forma resumida y tras ver las capturas que se han filtrado (y experimentar con un diseño muy similar que me activaron), como la que ilustra este post, los dos principales objetivos que han querido cumplir están bastante claros: devolverle la relevancia al vídeo y hacer una estructura más clara para que los usuarios tengan más fácil explotar todas las opciones disponibles.

Algunos de los cambios más importantes:

• Si el autor del que estamos viendo un vídeo ha subido otros en la parte superior veremos opción que al picarla despliega un “carrusel” con todos ellos. Justo al lado también aparece botón para suscribirse al usuario

• El sistema de estrellas para valorar los vídeos desaparece, serán sustituidas por dos botones: pulgar hacia arriba, voto positivo, pulgar hacia abajo, voto negativo

• Si picamos en el “contador” de reproducciones ahora sale panel con estadísticas completas de ese vídeo

• En la parte inferior del vídeo se añade botón para compartir el mismo directamente en las principales redes sociales del momento

• Desde ahora los comentarios mejor valorados por la comunidad tendrán preferencia sobre el resto y aparecerán los primeros

• También se añade un cajón en la parte superior derecha dónde el propio YouTube te sugerirá otros vídeos similares

• Muchos de los cajones incorporan ahora “flechita” para desplegar o contraer el contenido de los mismos

Personalmente soy de los que lleva con el nuevo diseño funcionando desde hace algunas semanas, o uno de ellos mejor dicho ya que no es exactamente como el de la captura, y tengo que decir que sí que me ha convencido bastante.

Y para terminar la pregunta de rigor: ¿qué te parece el nuevo diseño de YouTube?

Vía: Cnet

Encontrar un tema o template para Blogger que se ajuste a nuestros gustos y preferencias no siempre es tarea fácil. Y mientras que quienes saben sobre diseño pueden crear el propio y listo, son muchos los que se quedan a la espera de encontrar algo que más o menos les guste. Pero ahora esto será más fácil, gracias a una excelente mejora que Google ha hecho en los temas de Blogger.

La nueva función es el Diseñador de Plantillas, que nos permite un control mucho mayor sobre la apariencia de nuestro blog sin necesitar saber nada de HTML o CSS. Esta característica le dará a los usuarios la posibilidad de elegir no solo el diseño en líneas generales (como la ubicación de la barra lateral o el tamaño de la cabecera) sino también fuentes, colores e imágenes de fondo, a través de un editor WYSIWYG (lo que ves es lo que te llevas).

El Diseñador de Plantillas aún es experimental, pero si quieren acceder a él ya mismo pueden hacerlo desde la versión Blogger en Borrador de sus paneles (que sería como el Labs de Blogger). Las opciones para jugar y experimentar son muchas, y vale la pena darle una oportunidad para darle un nuevo aire a quienes tengan un blog en esta plataforma.

Vía: ReadWriteWeb

BaseKit es un excelente servicio on line que permite generar visualmente, a partir de un archivo psd de Photoshop, un completo sitio web dinámico en html, maquetado en CSS, sin tocar una sola línea de código, por lo que es ideal para aquellos diseñadores a los que no les gusta mucho programar.

Lo interesante de la herramienta es que el resultado no es ni pesado (como podría suponerse, al partir de un archivo de Photoshop) ni estático, si no que genera el código html de acuerdo a los estándares de la W3C, lográndose así página optimizada para los buscadores.

También ofrece un editor online que nos permite modificar el html tras la conversión, widgets, incluir código de Google Analytics y una galería de plantillas que nos ayudarán a construir un sitio web en minutos y que funciona con drag and drop, a los que agregarán, una vez que lleven a cabo el lanzamiento oficial, herramientas de animación flash, e-commerce y SEO.

El servicio se encuentra en beta cerrada, lo que significa que es necesario tener invitación para utilizarlo. Tenemos 20 invitaciones para repartir entre los lectores, basta con que dejen un comentario con un email válido para que enviemos allí la invitación.

Actualización: Les tenemos 30 buenas noticias: siendo tantos los pedidos, al final hemos llegado a las 50 invitaciones. Los afortunados estarán recibiendo a lo largo del día la información por correo. Gracias por comentar!

YouTube es de esos lugares más desordenados de la red en lo que se refiere a interfaz de usuario, demasiadas secciones y mucho texto. Y a pesar de haber experimentado cambios recientes a este respecto, aún queda mucho por hacer hasta conseguir un servicio más amigable. En Google han estado trabajando en ello y nos traen los resultados en un reciente post.

¿Qué novedades podrían ser introducidas en breve? Podéis examinarlas activando el nuevo interfaz desde aquí, donde comprobaremos que el diseño es ahora más limpio, con más espacios sin información, lo cual es agradable a la vista. Aunque de todos los cambios que se podrían producir destacan tres:

Nuevo diseño para el visionado: A partir de ahora, mientras visualizamos un vídeo podemos ir buscando otros desde el buscador integrado. En todo este tiempo la reproducción en curso no se detendrá. Como podréis observar también, se ha incluido una opción llamada Autoplay mediante la cual una vez terminada la reproducción de un vídeo se iniciaría la reproducción del siguiente en la cola sin hacer nada.

Cola de reproducción programable: Con el punto anterior como base, ¿qué tal si pudiésemos programar las siguientes reproducciones en una especia de cola de visionado? Eso es exactamente lo que han pensado en Google. Pulsando en la miniatura de cada video en los resultados de una búsqueda se nos habilita la posibilidad de añadir el vídeo a la cola de reproducción.

Comentarios integrados: Los comentarios bajo cada video ahora incluirán tanto texto como video, siendo más sencillos, sin más información que el usuario responsable del comentario en una especie de listado sin añadiduras innecesarias. Tan sólo al colocarnos sobre cada comentario se nos habilitará la opción emergente de responder al comentario o valorarlo.

Creo que todas estas nuevas características van a favorecer un uso más intensivo de YouTube, sólo hay que esperar las reacciones de los usuarios para saber si todos o algunos de estos cambios se introducen definitivamente. En lo personal prefiero que así sea.

Si tras probar el nuevo diseño queréis volver al anterior tan sólo bastará con pulsar en la opción Return to the old YouTube en la parte superior derecha de la página.

Firebug es una de las extensiones más utilizadas por programadores y diseñadores web en Firefox, ya que nos permite ver de inmediato ciertos cambios que realicemos a nivel de código sin modificar realmente la estructura de páginas web. Y ahora, finalmente, llegó a Google Chrome.

En una versión un poco más liviana que su hermana de Firefox, Firebug Lite para Chrome es el primer paso para convertir al navegador en una herramienta más potente al momento de programar y diseñar. Con ella podremos realizar las mismas acciones sobre HTML, DOM, CSS y más. Posee integración con la barra de herramientas, opción de activar Firebug para algún dominio en particular, y características como el hecho de que se ejecute antes que otros scripts, lo cual permite la interacción con más elementos de las páginas que queramos inspeccionar.

¿Qué le falta, entonces? Entre otras cosas, no puede leer recursos externos, no está disponible el debugger de JavaScript ni el Net Panel, pero apuesto a que no falta mucho para que estas opciones empiecen a aparecer.

Hace unos días comentaba en Twitter cuánto ha mejorado Chrome con el tiempo, y muchos me contestaron que una de las razones por las cuales no se cambiaron a él era que no tenían Firebug allí. ¿Debería temblar Firefox ahora?

Ya conocimos las nuevas interfaces que tendrán las aplicaciones de Windows Live Wave 4, la siguiente versión de las propuestas en línea de Microsoft. ¿Pero qué ocurrirá con los servicios? Si hasta ahora podíamos comparar los pequeños cambios en Hotmail con sus competidores Gmail y Yahoo!, las novedades que veremos a continuación, nos recordarán bastante a Facebook.

Como es costumbre, cambiará el encabezado, que será más útil. Lo más destacado es la integración de Messenger en todas las pantallas, pero además tendremos de un vistazo la cantidad de mensajes nuevos y contactos en línea.

También aparecerá un cuadro llamado Share something new (Comparte algo nuevo), para compartir textos, fotos y documentos, que quedarán almacenados en Skydrive. Según nos cuentan en LiveSide, los contenidos residen únicamente en ese espacio, por lo cual no se guarda un historial de esas acciones en el perfil. Pero aquí hay que recordar que la característica está en pruebas y sería totalmente lógico que se añada ese funcionamiento más adelante.

Como no todo es copia inspiración en la vida, Windows Live ID tendrá un añadido interesante. Las cajas de inicio de sesión pemitirán utilizar códigos de uso único en reemplazo de la contraseña. De esta manera, al ingresar la dirección de mail alternativa o el móvil que tengamos registrados en la cuenta, se enviará un código que debemos copiar en el sitio. Una buena solución para agregar más seguridad al utilizar ordenadores públicos.

La integración de todas sus herramientas era una asignatura pendiente en Windows Live, algo que comenzó a resolverse con el rediseño en la Wave 3 y la remoción de servicios redundantes. Con los detalles que estamos conociendo sobre la nueva oleada, no sólo se volverá más simple de usar, sino que también tendrá un mayor impulso como red social. Y contando con semejante base de usuarios, la competencia deberá estar atenta durante los próximos años.