Archive for the ‘Web’ Category

Typetester: previsualiza tipografías en CSS

Indispensable herramienta online para diseño web. Typetester nos permite comparar tipografías, variando sus parámetros (tipo de fuente, tamaño en pixels o em, tracking, alineado, etc.) y visualizarlos al instante. Una vez elegidas las opciones que nos interesen, podemos copiar el código CSS y pegarlo en nuestra hoja de estilos.

Typetester

Vía: El Utilitario

Logólogos: logos + matemáticas

Logólogos es un blog en el que su contenido se basa en la descomposición de logotipos en ecuaciones matemáticas gráficas. Te puedes encontrar descomposiciones realmente divertidas, como por ejemplo:

Vía: Microsiervos

Usabilidad, una lección a tener en cuenta

Según Jakob Nielsen:

Los usuarios web se limitan únicamente a hojear una página, realizando un barrido visual en busca de elementos que llamen su atención.

No importa el diseño que tengas ni la funcionalidad que quieras ofrecer, si tus visitantes no entienden lo que hay que hacer para llegar de un punto a otro, no usarán tu página.

En la mayoria de los diseños profesionales (excepto en diseños de portfolios) necesitas ofrecer a tus visitantes:

  • Navegación clara y sencilla.
  • Texto de presentación preciso y directo.
  • Búsquedas.
  • Estructura visible de la página.

Teniendo en cuenta estos factores, se deberían respetar ocho puntos claves que afectan a la usabilidad en la web y que son de vital importancia para el éxito de una página:

  1. No uses popups: las ventanas emergentes interrumpen la visita a tus usuarios y requieren una respuesta rápida.
  2. No cambies el tamaño de la ventana de los usuarios: el mismo argumento anterior se mantiene en este caso. Algunos navegadores (por ejemplo, Internet Explorer) guardan las dimensiones del navegador y las usan para posteriores sesiones.
  3. No uses fuentes demasiado pequeñas: mucho contenido se hace difícil de leer. Se mantiene también para enlaces, botones, formularios, cajas de búsqueda y otros elementos.
  4. Enlaces poco claros: los enlaces deben ser precisos y describir el contenido de lo que vinculan.
  5. Enlaces muertos: ¿quieres mandar a tus visitantes a un punto sin retorno?
  6. Como mucho una animación por página: si el uso de imágenes animadas está repartido a lo largo del artículo es muy difícil para los visitantes centrarse en el contenido de la web.
  7. Facilita el contacto contigo: si los visitantes quieren contactar contigo y no encuentran la información de contacto, perderás su interés y confianza.
  8. Los enlaces se abren en la misma ventana: los visitantes quieren tener el control de todo lo que ocurre en su navegador. Si quieren abrir en enlace en una nueva ventana, lo harán y sino quieren, no lo harán.

Enlace: Nerv (sobre el artículo aparecido en SmashingMagazine)

Todos Somos Chikilicuatre

Una aplicación bastante graciosa y una forma de apoyar a España en el último evento de Eurovisión. Créate una imagen tuya chikilicuatreada y utilízala como firma en emails, avatar en foros…

Todos Somos Chikilicuatre

Enlace: Todos Somos Chikilicuatre

Recopilación de tutoriales

¿Cuántas veces hemos echado en falta algún video-tutorial o una “biblia” de una aplicación o lenguaje de programación que nos saque las castañas del fuego? The Learn List es la solución. Una web en donde podremos encontrar un recopilatorio de enlaces a tutoriales. La web ofrece una serie de iconos y, cada uno de estos iconos, nos muestra un listado de cursos, tutoriales y video-tutoriales que pueden ser valorados por los usuarios. Estos son los elementos de los que consta la web:

The Learn List

Vía: El utilitario

PSDfreebee: Recursos PSD gratuitos

PSDfreebee, una página web a la que hay que hacer mención. En ella podremos encontrar recursos disponibles en formato PSD (Adobe Photoshop), descargables gratuitamente. Aunque no esté dotada con gran cantidad de elementos por ser una aplicación bastante reciente, sería interesante dejarle un huequecito en “favoritos” para posteriores visitas.

PSDfreebee PSDfreebee

Información extraída de: Intenta

Friv: juegos flash online

Una gran colección de juegos flash mostrados como una matriz (exactamente, 11 filas y 20 columnas), donde cada juego es representado como una miniatura. Así es como podríamos definir Friv. Una página con juegos muy adictivos, realizados todos en flash, y sobretodo, online. Creo que, sin duda, una de las mejores páginas webs de juegos que he visto hasta el momento…

Friv

Vía: Wwwhat’s new?

Iconspedia: iconos gratis

Iconspedia, una web repleta de iconos free, categorizados, descargables en formato .ico y .png, con muy buena calidad y dimensionados hasta 256×256. Muy recomendable para aquellos que les guste incluir iconos del mundo 2.0 en sus aplicaciones.

Iconspedia

Vía: Isopixel

Stripe Generator 2.0

Stripe Generator es una herramienta online que permite generar fondos en continuidad, configurando a nuestro gusto los colores, cantidad y anchura de líneas, espaciado, color de fondo, etc.

Stripe Generator

Una aplicación muy útil para desarrolladores web, pudiendo crear backgrounds sin necesidad de acudir a cualquier programa de diseño.

Información extraída de: Wwwhat’s new?

Conversor de vídeos online

¿Cuantas veces hemos querido descargar un vídeo de YouTube para poder realizar modificaciones sobre él o simplemente tenerlo guardado en nuestro PC?

Existe una aplicación online denominada Flvix con la que podremos descargar dichos vídeos, pudiéndolos guardar en formato avi, mov, 3gp, mp4 y mp3. Bastará con pegar la dirección referente al vídeo en la parte de URL y elegir el formato deseado.

Flvix

Vía: El Utilitario.