Otro de mis pequeños proyectos
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.
Acabo de comprobar como Facebook por fin dispone de una traducción a español.
Para cambiar, tres sencillos pasos
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 😀
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:
Ahora sólo queda hacerse un hueco en el calendario 😀
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:
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.
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…
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:
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
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:
O incluso la de líneas horizontales:
Excelente recopilación de enlaces de iconos realizada por BlogMundi.
+3700 iconos en total, de todos los colores, formas y tipos. Poco más se puede añadir a parte de excelente recopilación 😀
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».
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 😀
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.
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]
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…
Y así está por debajo…
© 2025 Tatai from the trenches
Tema por Anders Noren — Arriba ↑