Internet Microsiervos | Diseño

Mocku.ps, bocetos online al instante, ¡fácilmente!

Mon, 30 Jan 2012 12:01:43 +0100

Mocku.ps es una aplicación online que funciona directamente en el navegador, permitiendo subir una imagen y añadir algo de funcionalidad por encima, tales como enlaces o notas. De modo que permite en cuestión de segundos tener online un boceto de diseño, de una página web por ejemplo, y compartirla enviando un enlace. § TNW.

10 aplicaciones iPad para diseñadores y desarrolladores web

Thu, 26 Jan 2012 14:18:39 +0100

Herramienta de Google para comprobar cómo se ve tu web en un móvil

Thu, 26 Jan 2012 13:53:29 +0100

La iniciativa de Google GoMo explica la importancia de que un sitio web sea visible en dispositivos móviles –principalmente teléfonos–, recopila técnicas y recomendaciones para lograrlo y, además, simula la carga de cualquier página web para comprobar cómo se ve en la pantalla de un teléfono.

En función del resultado, que se complementa respondiendo a unas pocas preguntas, otorga una puntuación y las correcciones y recomendaciones oportunas.

Commercial Type: escaparate de tipografías comerciales

Tue, 17 Jan 2012 21:24:32 +0100

Una buena selección, para amantes del diseño y las tipografías.

Cientos de ejemplos de diseño con tipografías

Mon, 12 Dec 2011 10:47:42 +0100

Recopilación –en seis entregas– de ejemplos de diseño en los que las fuentes tipográficas son el elemento protagonista.

50 logos creativos diseñados con tipografías

Mon, 05 Dec 2011 11:32:38 +0100

Unos cuantos ejemplos interesantes. ø @ruyelcid

38 logotipos brillantes

Mon, 28 Nov 2011 11:00:07 +0100

Aunque para gustos los colores, los logotipos recogidos en esta recopilación no andan escasos de creatividad.

Why Gmail Changes While Craigslist Stays the Same

Fri, 11 Nov 2011 10:00:00 +0100

Sabias palabras sobre por qué algunos diseños de Internet cambian casi cada día mientras otros permanecen impertérritos ante el paso de los años.

Mobile Patterns: cientos de diseños de interfaces de usuario en dispositivos móviles

Thu, 10 Nov 2011 09:00:00 +0100

Cientos y cientos de ejemplos de aplicaciones para móviles con detalles de diseño interesantes, para quienes no quieran devanarse los sesos e ir a lo seguro inspirándose en ideas ya desarrolladas.

Roboto vs. Helvetica

Wed, 19 Oct 2011 20:32:26 +0100

El versus de moda, entre la «nueva» tipografía de Android 4 que dicen según unos y otros parecida/similar/inspirada/robada/plagiada de la clásica Helvética.

25 extensiones de Chrome para diseñadores y desarrolladores

Thu, 29 Sep 2011 10:56:12 +0100

SiteCake: un editor visual de sitios web fácil de usar

Tue, 09 Aug 2011 10:00:04 +0100

Lo llaman «el editor de sitios web estilo Minority Report» y dicen de él que lo podría usar hasta la abuela.

London Tubemap: un mapa «más geográficamente correcto» del metro de Londres

Mon, 08 Aug 2011 20:39:35 +0100

De momento está en pruebas, pero es precioso. También han hecho otra versión con una cuadrícula distorsionada que muestra las distancias. A mi me gustan más los tradicionales mapas del Metro geográficos, como por ejemplo el de Madrid «de toda la vida», aunque algunos de los mapas esquemáticos también tienen su aquél. Desde luego cualquier cosa mejor que el insulto plano oficial actual del Metro de la capital. En el de Londres alguien se puso a buscar animales hace tiempo. ¡Hay gente pa tó!

Cómo optimizar «landing pages», versión carteles de bar

Mon, 25 Jul 2011 23:30:00 +0100

Original forma de utilizar los carteles de bar como metáforas de cómo deberían ser las «landing pages» de los sitios web ø @genisroca

Graphemica

Sun, 17 Jul 2011 21:59:13 +0100

Una especie de enciclopedia para la gente que ama las letras, los símbolos y los signos de puntuación. § Quenerapú

Texto 3D isométrico con CSS3

Tue, 05 Jul 2011 10:42:56 +0100

§ Smashing Magazine (@smashingmag)

Los iconos de navegadores web en alta resolución: Chrome, Firefox, Opera, Safari, Explorer

Fri, 01 Jul 2011 20:33:19 +0100

Siempre viene bien tenerlos a mano.

Librerías de pictogramas gratuitos

Fri, 01 Jul 2011 11:00:00 +0100

Ocho librerías bastante interesantes y bastante completas, además de gratis.

¿Está sobrevalorada la regla de los tres clic?

Mon, 27 Jun 2011 10:25:39 +0100

Un estudio concluye que la regla de los tres clic relacionada con la navegación Web (que sugiere que toda la información de un sitio web debe quedar accesible a no más de tres pulsaciones de rato) aunque es buena de entrada tampoco es absoluta. § @uxfeeds

10 HTML Entity Crimes You Really Shouldn’t Commit

Mon, 20 Jun 2011 12:07:54 +0100

¿Cómo afecta el tiempo de carga web a tu negocio?

Fri, 17 Jun 2011 15:00:00 +0100

Una completa infografía sobre la relación entre tiempo de carga y diversos aspectos de la experiencia web para el usuario… y sus posteriores consecuencias.

Tapptics, elementos y tutoriales de diseño para poner bonita tu aplicación móvil

Fri, 17 Jun 2011 11:30:37 +0100

§ Having trouble skinning your mobile app? Tapptics can help.

Kinect Graffiti™

Thu, 16 Jun 2011 10:45:13 +0100

Kinect Graffiti™ de Jean-Christophe Naour en Vimeo.

§ vincentlaforet.

Cage: aplicación web para trabajar en equipo sobre diseños

Mon, 13 Jun 2011 14:58:56 +0100

20 elementos de diseño web bonitos y gratuitos

Thu, 09 Jun 2011 15:12:16 +0100

Elementos de diseño para interfaces web que se pueden utilizar libremente en desarrollos web.

HTML5 Snippets

Mon, 06 Jun 2011 13:06:14 +0100

Recopilación de fragmentos de código HTML5 y CSS3 que cristalizan elementos funcionales como galerías de fotos, efectos visuales, funciones,... § @smashingmag

Microsoft muestra por primera vez como será Windows 8

Thu, 02 Jun 2011 12:17:03 +0100

La tendencia parece ser hacia unificar las interfaces de las diversas plataformas y sistemas operativos de Microsoft.

SlowCop: para medir la velocidad de una página de Internet

Sun, 22 May 2011 19:33:06 +0100

Un medidor de velocidad de páginas web, bastante completo y detallado.

Aplicaciones Adobe Photoshop para el iPad

Fri, 13 May 2011 13:57:23 +0100

Ya están disponibles las aplicaciones Adobe Photoshop Touch: Adobe Color Lava, Adobe Eazel y Adobe Nav para iPad en la tienda de aplicaciones de Apple.

Brilliant Japanese Product & Packaging Design

Wed, 04 May 2011 11:38:57 +0100

Onswipe convierte sitios web en revistas para iPad

Tue, 03 May 2011 15:54:01 +0100

Onswipe Demo Video de Onswipe en Vimeo.

Y lo mejor es que utiliza HTML5 para recrear la sensación de estar utilizando una aplicación, pero directamente en el navegador web. Un paso más hacia la desaparición de las aplicaciones para contenidos.

50 ejemplos del proceso de diseño de logotipos

Tue, 03 May 2011 15:12:08 +0100

De los primeros trazos sobre papel al resultado final.

Qomun: un directorio de cultura libre y gratuita

Thu, 28 Apr 2011 11:00:00 +0100

Un proyecto que recopila materiales de todo tipo con licencias libres: literatura, audios, imágenes, vídeos y software.

Color Tool: un selector de colores para programadores HTML

Fri, 22 Apr 2011 11:00:00 +0100

Un sencillo pero potente selector de colores.

Cómo hacer fondos de Twitter que funcionan

Wed, 13 Apr 2011 10:22:34 +0100

Diseñar y personalizar la página de perfil de Twitter, "espacio desde el que mostrar tu marca y comunicar información adiciona más allá de un tuit".

Imprescindible para el navegador: Comic Sans Remover

Mon, 11 Apr 2011 13:05:46 +0100

Elimina la Comic Sans de cualquier página web donde se utilice - ¡gracias Jab!

La tableta como nueva paleta de Photoshop

Mon, 11 Apr 2011 12:38:16 +0100

Nuevas aplicaciones de Adobe hacen de tablets como el iPad una nueva forma de manejar Photoshop en el ordenador.

Kuler: paletas de color

Sun, 10 Apr 2011 11:54:57 +0100

Paletas de color con criterio. § Genbeta

The App Jam @ The App Date

Fri, 08 Apr 2011 10:13:56 +0100

The App Jam, una nueva forma de expresión artística que cada último lunes de mes cerrará los encuentros de The App Date.

¿El tamaño de letra para la Web?

Mon, 04 Apr 2011 12:35:53 +0100

En la Web, 100% es el tamaño adecuado para las tipografías. § Hacker News.

Page Speed Online: el optimizador de webs de Google

Fri, 01 Apr 2011 11:04:32 +0100

Google ofrece este analizador y optimizador de la velocidad de carga de páginas web en su área de laboratorio; lo más interesante es que proporciona consejos indididualizados para cada uno de los «temas» a optimizar en una web, ordenados por prioridad. Entre otras cosas contempla sistemas de cacheo, carga de objetos, optimizacion de imágenes, código JavaScript, HTML y demás. El resultado es un valor entre 0 (desastre) y 100 (óptimo). La propia portada de Google.com es la única que he encontrado con una puntuación de 100. La portada de www.microsiervos.com obtiene entre 82 y 84 88 según su contenido.

The Photoshop Etiquette Manifesto for Web Designers

Fri, 25 Mar 2011 15:08:27 +0100

Una lista de sutiles sugerencias para organizar los documentos de Photoshop y facilitar el trabajo entre diseñadores § Ateneu Popular