Tatai from the trenches

Otro de mis pequeños proyectos

Página 18 de 26

phatfusion multibox

El otro dí­a descubrí­ de mano de phatfusion, otra aplicación de pop-up en javascript llamada multibox. Basada en mootools 1.11 que nos permite abrir en una capa nueva, al estilo pop-up (como la también conocida lightbox, de la misma gente), pero con un diseño más elegante y sin poner un telón gris por detrás.

Pueden cargarse multitud de archivos, incluso otras webs. En la web hay varios ejemplos. Otra variante de estas conocidas «pop-ups» a tener en cuenta.

Ejemplo de phatfusion multibox

Facebook en castellano

Acabo de comprobar como Facebook por fin dispone de una traducción a español.

Para cambiar, tres sencillos pasos

  1. Entrar en nuestra cuenta de Facebook
  2. Ir a account ->language
  3. Elegir Spanish

Automáticamente nos recargará la página y el cambio surgirá efecto.

Personalmente lo prefiero en inglés, principalmente porque supongo que no estará todo traducido y la mayor parte de las aplicaciones seguirán en inglés, pero bueno, para quien le pueda interesar 😀

Fechas de la Gipuzkoa Encounter 2 y la Euskal Encounter 16

Ya es oficial y tenemos las fechas de la Gipuzkoa Encounter 2 y la Euskal Encounter 16.

En particular la Gipuzkoa será del 25 al 27 de abril de 2008 en el Usabal Kiroldegia de Tolosa y la Euskal Encounter del 24 al 27 de julio de 2008 en el Bilbao Exhibition Centre (BEC) de Barakaldo.

Las entradas están a la venta desde el 20 de febrero. Al igual que el año pasado, si se asiste tanto a la Gipuzkoa como a la Euskal y se compra la entrada en el mismo momento, se podrá beneficiar de un descuento. Estos son los precios:

  • Gipuzkoa Encounter: 32 euros (35 euros en la propia Gipuzkoa)
  • Euskal Encounter: 42 euros (45 euros en la propia Euskal)
  • Gipuzkoa y Euskal: 52 euros

Ahora sólo queda hacerse un hueco en el calendario 😀

Capturar la pantalla con Firefox

Por todos es conocida la tecla de imprimir pantalla que antaño realizaba el trabajo que su nombre indica, imprimendo el estado de la pantalla en ese momento directamente en la impresora y que ya con la entrada de los entornos gráficos pasó a convertirse más en una tecla llamada «capturar pantalla» ya que se fotografí­a la pantalla actual (o parte de ella) y guarda para el usuario (dependiendo del sistema y de si tenemos algún programa instalado, pasa directamente al portapapeles, o se guarda a disco, o salta algún programa que gestione qué queremos hacer con ella).

Esta tecla es ciertamente útil cuando quieres crear una imagen parcial o total de la pantalla, pero ¿qué ocurre cuando lo que queremos capturar es lo que se ve en nuestro navegador y podemos conseguirlo de una sóla vez?

Las opciones claramente son dos:

  1. Realizar varias capturas con la tecla ImpPant y dedicarnos a hacer un montaje en un programa de edición de imágenes
  2. Evitar complicarnos la vida y usar un plugin (extensión, add-on) de Firefox

Yo elijo la segunda xD

Existen varias extensiones de Firefox que nos permiten hacer esto. Yo he usado y recomiendo ScreenGrab y Fireshot, aunque me quedo con esta segunda.

Con Fireshot, podremos no sólo hacer la captura de pantalla (parte visible, página completa) sino que además, una vez hecha, podremos editarla, subirla a un lugar público donde compartirla, grabarla en disco, copiarla al portapapeles, mandar un email o abrirla con un editor externo.

Quizás lo más raro del párrafo anterior sea lo de «editar», pero sí­, está bien puesto. Fireshot nos permite editar la imagen y realizar pequeños cambios como recuadrar cosas, poner marcas de texto, flechas e incluso dibujar libremente. Como ejemplo dejo esta imagen que he hecho basandome en una captura del blog con varios ejemplos tontos.

Editando una captura con Fireshot

Aquí­ están todas las caracterí­sticas de Fireshot, con screenshots incluidos, aunque lo mejor es instalarlo y probarlo.

Update: olvidé decir que tal y como se dice en los comentarios, Fireshot es sólo para Windows 🙁 Los linuxeros tendremos que seguir con otras opciones…

Cómo crear gradientes en textos usando CSS

He descubierto hoy este curioso truco para conseguir efectos de gradiente sobre texto usando únicamente CSS, sin usar Javascript, ni tener que hacer cada imagen de forma independiente. El resultado final es este:

Efecto de gradiente en texto sólo con CSS

El truco es muy sencillo, se basa en colocar un contenedor, como por ejemplo un en el mismo lugar del texto. Es decir, por ejemplo

CSS Gradient Text

Tras esto, se establece que el span tenga position: absolute para que esté referenciado en el mismo punto inicial que el texto y luego aplicarle un background de una imagen cuyo canal alpha sigue el patrón que más nos guste. En el caso anterior, el alpha disminuirá en la vertical desde 1 (opaco) a 0 (transparente), formando el efecto que se muestra.

El CSS serí­a este:
h1 {
position: relative; /* es probable que esta lí­nea no haga falta en función de tu CSS */
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

Según dicen los autores, dicen que han comprobado que funciona en Firefox, Safari, Opera e incluso en Internet Explorer 6 (con el hack PNG para el gradiente).

Y este caso no sólo se queda aquí­, con un poco de imaginación y habilidad con la imagen del gradiente, podemos conseguir la forma de una cebra:

Otros efectos en texto sólo con CSS

O incluso la de lí­neas horizontales:

Otros efectos en texto sólo con CSS

SAGE: Open Source Mathematics Software

Creo que hay que tener este proyecto, Sage, muy a la vista. Como bien dice el tí­tulo de su página web: «Creating a viable free open source alternative to Magma, Maple, Mathematica, and Matlab», es decir, «Creando una alternativa libre open source viable a Magma, Maple, Mathematica y Matlab».

Sage Logo

La verdad es que todaví­a no he podido probarlo, pero espero hacerlo en los próximos dí­as y si realmente es capaz de igualar a los programas que cita, va a ser impresionante. Sage se presenta como una aplicación que permite realizar gran cantidad de cálculos matemáticos y algebraicos, y hasta abarca disciplinas como la criptografí­a, computación numérica, combinatoria y teorí­a de gráficos. Y todo ello Open Source!

Realizado en Python, tiene cosas tan curiosas como que si pones ‘plot?’ en la lí­nea de comandos obtendrás la ayuda de la función ‘plot’, y si pones ‘plot??’ podrás ver el código fuente de la función y así­ obtener un grado más de aprendizaje con esta herramienta. Como ellos dicen, se curioso.

Además, podemos integrar notas directamente en nuestro navegador.

La versión 2.10 acaba de salir hace nada (18 de enero de 2008), calentita… recien salida del horno.

Hay unos cuantos screenshots que hacen que la herramienta prometa mucho. Gráficos 2D y 3D, operaciones algebraicas e incluso renderizado de texturas!

Nada más que pruebe el invento, escribiré de nuevo a ver qué tal. Tengo ganas ya de tenerlo en mis manos y poder echarle un rato 😀

Las cosas bien claritas

Hace un tiempo, en un curso sobre wikis al que asistí­, me mostraron un video de CommonCraft en el que explican de una forma bastante sencilla, gráfica y animada, qué es un wiki y para qué funciona. La verdad es que me pareció bastante curioso ya que la verdad es que mostraba todos los aspectos más básicos que alguien necesita para entender el tema.

Lo genial del tema es que tienen más videos explicando cosas! Forman parte de la colección «In Plain English» (traducido algo así­ como «en inglés básico») dentro de «The CommonCraft Show. Sense-making for the masses» («haciéndolo comprensible a las masas»).

Evidentemente todos los ví­deos están en inglés y aunque se entienden bastante fácil os paso también los enlaces a dotSub donde están con subtí­tulos en español. Son ví­deos cortos, de alrededor de 3 minutos y se ven rápido y fácil.
Ale a disfrutarlos! Dejo unos pocos que me han parecido interesantes. Al final hay un enlace a su web con más ví­deos, incluso con los ví­deos que han hecho para empresas (hacen ví­deos bajo demanda y pago, claro). Todos ellos bajo licencia CreativeCommon (CC).

Y este que me ha parecido de lo más… friki?

Y si quieres ver más producciones, pásate por su web.

Bloody Omaha

O post también llamado, «cómo conseguir que tres personas en cuatro dí­as graben con realismo el desembarco de Normandia»

Ví­a microsiervos descubro este magní­fico ví­deo en el que 3 diseñadores gráficos consiguen montar en 4 dí­as, gracias a su esfuerzo y trabajo posterior de producción, lo que podrí­a ser cláramente la escena principal de cualquier gran pelí­cula sobre, por ejemplo, el desembarco de Normandí­a.

El ví­deo es digno de ver y el resultado final, impresionante.

[youtube]http://www.youtube.com/watch?v=WRS9cpOMYv0&eurl[/youtube]

Como limpiar tu mesa de «cacharros»

En la página web decluttered (que significa algo así­ como «organización del desorden»), podemos encontrar un sencillo y barato (unos 25 euros según el autor, 34 dólares americanos) truco para poder organizar un poco nuestro escritorio o mesa, usando la parte inferior para atar y colocar todos los elementos que podamos, de modo que la parte superior de la mesa queda totalmente para su uso.

Es curioso ver cómo incluso posiciona un lector de DVD externo en la parte más cercana al usuario, jeje.

Os paso un par de imágenes que pertenecen a decluttered. Todo un manitas el tipo.

Así­ está su escritorio ahora mismo…

La mesa por la parte superior

Y así­ está por debajo…

La mesa por debajo

« Entradas anteriores Entradas siguientes »