Archivo para 23 octubre 2009

Presentaciones del Futuro

Éstos últimos días me estoy tragando un montón de presentaciones, sobre todo en el máster y alguna más que he visto por ahí suelta y justo ayer caí en un detalle que he visto en un post de Maestros del Web (Consejos prácticos para impresionar con tu start-up). Según comentan ellos el punto está en que “Ya no es 1995 y el PowerPoint no te ayudará a dejar una buena impresión”, algo que comparto al 100%.

Si bien una presentación en PowerPoint (y lo mismo opino para el Impress de OpenOffice) se puede maquear mediante imágenes y alguna animación que quede bien, lo que ahora llama la atención son los diseños en plan “web 2.0”. Si sabemos ésto, ¿por qué seguimos haciendo las presentaciones sobre PowerPoint/Impress?

Seguramente la primera respuesta será que son lo único que hay pensado para las presentaciones y que hacerlas con otras cosas más modernas lleva mucho más trabajo. Y seguramente la segunda respuesta recaerá en que las presentaciones no las hace alguien técnico que, con suerte, sabe manejar el PowerPoint. Las formas de hacer todo en ésta vida se parecen, sobre todo en temas de organización, así que, mi propuesta para una presentación que realmente impresione sería la siguiente: Que dicho no-técnico diseñé la presentación, con papel y boli, que lleve esos bocetos al técnico que se va a encargar de hacer realidad la idea que tiene para su presentación y le explique la idea. Desde mi punto de vista, ese técnico sería un diseñador web, con mucho conocimiento de ajax/javascript y css. Después de ésto sólo tienes que llegar a donde quieres hacer la presentación, ni siquiera tienes que llevar tu portatil o un pendrive, sólo abrir un navegador, apuntar a la dirección de la presentación, poner el navegador a pantalla completa y deleitar a la audiencia.

Piensa en el valor añadido, yo no bajo documentos con presentaciones, miro por la web a ver que información me gusta y si no me convence lo que veo ahí, me marcho a buscar otro producto, ¿de verdad quieres que pase ésto con tú producto?

Extensiones para Firefox

Aquí vamos con algunas extensiones nuevas para firefox que he empezado a usar, algunas ya muy conocidas, pero que todavía no había empezado a usar:

  • Delicious Bookmarks: Conocida por todos, te permite mantener los favoritos en Delicious, de forma que los podemos tener sincronizados comodamente los marcadores entre, por ejemplo en mi caso, el portatil y el sobremesa de casa 😉
  • Morning Coffee: Seguro que todos abrimos ciertas pestañas todos los días, ésta extensión nos permite hacer exactamente eso, tener un botón que al pulsarlo nos abrirá esas pestañas. Además, permite configurarlo según qué día de la semana sea, por si lo fines de semana nos dedicamos a leer otras cosas 😉
  • PermaTabs Mod: Ésta extensión nos permité marcar ciertas pestañas como “permanentes”, de forma que no podamos cerrarlas por accidente y estén siempre abiertas. Perfecto para las herramientas que tenemos abiertas de conituno, en mi caso, GMail, GCalendar y GDocs 😀
  • User Agent Switcher: El nombre lo dice todo, nos permite cambiar el agente de usuario que envía el navegador al solicitar la página al servidor. Más sencillamente, podemos marcar el agente de usuario de iPhone y el servidor pensará que estamos solicitando la página desde el móvil. ¿su utilidad? Ultimamente me estoy metiendo en el mundillo del desarrollo web y quiero desarrollar sitios para móviles (android), de ésta forma puedo probarlo directamente desde el ordenador sin tener que hacer las pruebas con el móvil.
  • Tab Mix Plus: Ésta no la he probado demasiado, pero nos da más opciones a la hora de trabajar con las pestañas.

Y nada más, que os aprovechen! 😀

Fuentes Embebidas con @font-face

Sigo metiéndole un poco a lo de desarrollo web, así que sigo soltando tips, más bien chustillas porque no es que se me dé demasiado bien (estoy demasiado acostumbrado a desarrollar siempre aplicaciones para ejecución en local o cliente/servidor), pero la de hoy es interesante.

Yo soy de los que cuando tienen que hacer un un header para el blog, página web o similar, busca una fuente molona, pilla el Gimp, escribe el nombre del blog, le mete un par de filtros, juega un poco con los colores, lo exporta a png y lo coloca hay en medio bien grande 😉

¿y todo eso por qué? Pues porque si lo meto en html y le digo que use esa fuente pero el visitante no la tiene entre sus fuentes, lo que va a ver es un esperpento de Arial a gran escala (literalmente xD). Gracias a un simple @font-face en nuestro CSS podemos solucionar ésto de un plumazo. Lo de los filtros y demás “maestría” artística va a ser que no, pero eso lo añadía porque “ya que había que hacer una imagen…” xDDDD

Al tema, lo primero que haremos será declarar nuestra fuente en el fichero CSS tal que así:

@font-face {
font-family: “Old Stamper”;
src: local(“Old Stamper”), url(./old_stamper.ttf) format(“truetype”);
}

Depués, una vez definida la fuente la aplicaremos donde sea necesaria, para nuestro ejemplo en todo el body:

body {
font-family: “Old Stamper”;
}

una vez hecho ésto sólo tenemos que generar un html que tire de ese CSS y muestre algo de texto, por ejemplo:

<head>
<title>Embedded Font Typo Testing</title>
<link rel=”stylesheet” type=”text/css” href=”view.css” media=”all”>
</head>
<body>
<div align=”center”>Embedded Font Typo Testing</div>
</body>

Hay que tener en cuenta los navegadores que lo soportan y sus versiones: Firefox 3.5, Safari 3+ y 4+, IE 7+ (en IE6+ se puede aplicar también, con el formato de fuente .eot y haciendo un apaño pero… como que paso :P) y Opera (no puedo asegurar a partir de qué versión, pero la actual lo soporta).

Así se ve mi ejemplo (en un navegador que no lo soporta y en uno que si, firefox 3.0.x y opera 10):

 

Así que nada, espero ver páginas más chulas a partir de ahora!! Si queréis más información sobre @font-face os dejo un par de posts más completos: @font-face in Depth de User Agent Man (del que he sacado lo básico para éste post) y otro de CSSBlog.

Software Variado (I)

Una de éstas entradas para recordad ciertas aplicaciones que algún día podrían venirme bien:

CherryTree: Una aplicación para tomar notas basadas en jerarquías. Ya sé que una buena herramienta para tomar notas es tomboy, pero quizás ésta la veo más adecuada para tomar notas sobre algo que quieres llevar más organizado.

HomePage | .deb

gWakeOnLan: Herramienta para gnome con la que podremos encender máquinas a través de la red, siempre que tengan soporte para WakeOnLan y tengamos la MAC de la tarjeta de red.

HomePage | .deb

Grsync: Interfaz gráfico para sincronizar datos mediante grsync.

HomePage

Ejecter: Aplicación residente (con icono en el tray) que nos permite desmontar unidades de una forma muy cómoda.

Homepage