21 abril 2008
Los chicos de Planetozh han realizado un completísimo trabajo y nos aportan un listado que recopila los mejores clones de Lightbox. En el listado podemos ver una pequeña ficha de cada uno par conocer su potencial, así como una demo y como no la opción de descarga.
Os recomiendo que le echéis una ojeada a Shadow Box a mi gusto el más completito soporta imágenes, videos, flash y web.
Fuente: aNieto2K

14 enero 2008
En smashingmagazine no se cansan de trabajar y de componer artículos utilísimos, en este caso nos traen una extensa recopilación de temas gratuitos para WordPress.
En la recopilación que consta de 100 temas diferentes encontraras viejas glorias y como no alguna que otra belleza que no conocías, todo ello dividido en categorías que nos harán mucho mas fácil la elección de nuestro nuevo theme.

2 octubre 2007
Recuadro con bordes redondeados, sombras en texto y fotografías, gradientes, efectos de mouseovers, citar… son algunas de las cosas que se pueden lograr mediante CSS, a continuación os muestro un listado donde encontrareis webs que os ayudaran a crear el código para realizar este tipo de cosas.
Recuadros con bordes redondeados:
Sombras mediante CSS
Gradientes:
Mouseovers:
Citar:
Graficos y Diagramas
Fuente original (Ingles): designvitality.com
20 septiembre 2007
El lunes leía en Vikiworks un artículo donde hablaban sobre un plugin para WordPress que nos permitía personalizar nuestra pantalla de login de WordPress.
Su instalación es sencilla descargar he instalar en la carpeta de Plugins de Wordprees luego la activas y listo, ya solo queda agregar el archivo con tu diseño en la carpeta images.
En flickr se ha creado un grupo donde puedes poner tu diseño o simplemente entrar para inspirarte con los que hay ya creados. Yo ya he subido el mío para que lo veáis y critiquéis ^^
Descargar Plugin

18 septiembre 2007
Una buena idea para ahorrar ancho de banda, es optimizar y comprimir los archivos CSS. Existe uno, entre varios, sacado del maletín de herramientas, antiguo (de años) pero muy vigente, hecho por CSS Drive, que nos permite reducir el tamaño de los archivos CSS considerablemente. Aunque todo depende, de cuan legible deseemos que quede la hoja de estilos.
La herramienta de CSS Drive nos da algunas opciones como borrar comentarios u otras más características si elegimos la vista avanzada. Pero, si lo dejamos en modo de compresión normal, ya estamos eligiendo una buena combinación entre compresión y legibilidad. (Tip: Guarda una copia del CSS original).
Enlace | CSS Drive Compressor
Fuente | baluart.net
31 agosto 2007
Alguna vez os habrá pasado que en el diseño de vuestro blog hay algun recuadro particularmente importante, o vistoso, que quereis que sea redondeado, las soluciones pasan por crear las cuatro imagenes para las esquinas y colocarlas bien con tablas, bien con capas y css o generar algun tipo de javascript que se encargue de eso por nosotros. El problema de todo esto, es que si vuestra web tiene miles de visitas al dia, esos pequeños ficheros externos (como pueden ser las imagenes o el archivo de codigo javascript) pueden llegar a generar mas trafico en el sitio del que deberian… ¿la solucion? ¡Spiffy Corners! Mediante esta web nos generara un codigo css y html para copiar y pegar en el lugar donde queramos el cuadro con bordes redondeados, muy rapido y muy facil de utilizar.

23 agosto 2007
Hoy voy a hablar un poco sobre las diferentes utilidades gratuitas que existen hoy día para ayudar a los artistas y diseñadores en su labor para crear arte, texturas, shaders y modelos para los videojuegos de nueva generación.

Hasta hace relativamente poco, los artistas tenían que utilizar herramientas de creación propia y especificas para la tarea que tuviesen que realizar en el momento, haciendo perder tiempo a los programadores creando esas utilidades, actualizándolas, corrigiendo los errores eventuales y creando la documentación y posibles tutoriales para que los artistas, que normalmente tenían nulos conocimientos de programación, aprendiesen de forma rápida y fácil a utilizar esas herramientas. En la mayoría de casos, los beneficios que reportaba el invertir el tiempo, personal y dinero para crear estas herramientas no compensaba a la empresa, llegando a tener incluso perdidas o recortes de presupuesto y fechas mas ajustadas para la finalización del proyecto. Como contrapartida, la empresa solo tendría que crear la herramienta una vez e ir haciéndole cambios según sean necesarios para ir actualizándola para los diferentes proyectos que surgiesen.
En fin, a lo que íbamos, normalmente las herramientas utilizadas por los artistas se dividen en tres grupos:
- Herramientas de diseño/dibujo.
- Herramientas de modelado 3D y exportadores.
- Herramientas de shaders.
Así que dediquémonos al asunto, donde y como encontrar herramientas gratuitas que nos den resultados profesionales y que sean (relativamente) fáciles de manejar.
- Herramientas de diseño/dibujo:
- The Gimp. Quizá la mas famosa contrapartida gratuita a Photoshop. Tiene todo lo que tiene Photoshop, mas algunas cosillas mas, personalmente la interfaz no me gusta nada, pero supongo que sera cuestion de adaptarse… o en caso de echar de menos Photoshop, instalar GIMPshop, que imita la interfaz de Photoshop a la perfeccion.
- MapZone. Relativamente poco conocida, esta herramienta permite a los artistas crear texturas procedurales de grandísima calidad, de una forma rápida y sencilla. Tiene la gran ventaja de que las texturas, por grandes que sean no ocupan mas que unos pocos kilobytes en disco y que pueden ser renderizadas directamente con las librerias propias que pueden descargarse de su pagina oficial (de pago). Para los mas clasicos (o que no quieren complicarse), tambien puede generar texturas de mapas de bits de las de toda la vida.
- Herramientas de modelado 3D:
- XSI Mod Tool. Version gratuita del famosisimo XSI de Softimage, permite importar y exportar en gran cantidad de formatos estandard, admite plugins de cualquier tipo y tiene todas las caracteristicas de su version de pago, con la unica limitacion de que cualquier render que se haga desde el programa tendra una marca de agua con el logo de Softimage.
- Wings 3D. Otro programa de modelado 3d gratuito. No he llegado a utilizarlo personalmente pero he leido muchos y buenos comentarios sobre el. Tiene todo lo necesario para empezar y crear modelos de calidad de forma rapida, ademas de exportar a los formatos mas conocidos, tiene plugins para ampliarlo y añadirle funcionalidades.
- Blender. El clasico. ¿Quien no ha oido hablar de el? Es gratuito, ocupa poco y da resultados profesionales, siendo en algunos casos mejores que algunos programas comerciales. Tiene gran cantidad de plugins y una comunidad tremendamente activa que se dedica a corregir errores y en añadirle nuevas funcionalidades. Merece la pena.
- Herramientas para shaders:
- Mental Mill. Como MapZone, genera shaders para usar directamente con el motor grafico del juego en los formatos estándar tanto para OpenGL como para DirectX, con esta herramienta nuestros artistas no tendran que tocar una linea de código para conseguir resultados profesionales.
- FX Composer 2. de nVidia, la herramienta mas completa que he visto hasta el momento para la creacion de shaders. Nos permitira probar los shaders directamente sobre los modelos finales en los que iran en el juego, soporta gran cantidad de formatos y genera shaders para DirectX 9 y OpenGL.
21 agosto 2007
Cada vez que tengo en mente algún proyecto o aplicación a programar me encuentro con la misma serie de preguntas y problemas: ¿Para qué plataforma será? ¿Qué lenguaje me facilitará mas la vida? y sobretodo ¿Que framework me será más útil?

Dependiendo de la aplicación a realizar y de la plataforma en la que se vaya a trabajar hay muchas y diferentes opciones, por ejemplo, para aplicaciones en 2d que requieran de uso intensivo de cámaras web o de material multimedia tenemos openFrameworks, una librería/wrapper (librería «envoltorio», que incluye dentro de sí otras muchas librerías para facilitarle la vida al programador) que incluye funciones graficas de dibujo, de captura de cámaras web, de reproducción de archivos de video y sonido y que, dentro de poco, parece que también tendrá alguna cosa de 3d. Es una muy buena opción cuando se tiene una idea y se quiere empezar desde ya a programar, sin tener que perder tiempo (¡e inspiración!) en documentarnos y programar nuestras propias librerías. También esta librería tiene algún que otro plugin de detección de movimiento y siempre está en constante evolución, el único punto débil es, como en otras muchas librerías de este tipo, la documentación, de momento incompleta aunque con los muchos ejemplos que trae, es fácil hacerse una idea de lo rápido que se pueden programar cosas, vale la pena echarle un vistazo 😉
Para aplicaciones 3d la oferta es más amplia aun, tenemos desde librerías que incluyen absolutamente de todo como es el caso de Irrlicht, que incluye un potente motor gráfico, librería de sonido e incluso un editor de niveles propio, además de soportar la gran mayoría de formatos gráficos 3d del mercado. Una buena apuesta si lo que se quiere es tener algún prototipo rápido y sin mayores complicaciones. Tiene una buena documentación y unos completos tutoriales, funciona tanto en Windows como Linux y Mac, teniendo incluso soporte para Java, .NET, Python y unos foros en los que constantemente se incluyen nuevos módulos y actualizaciones para mejorar más aun esta librería.
Si lo que queremos en cambio, es algo únicamente enfocado a las 3d de «calidad» tenemos, por ejemplo, el motor grafico Ogre, de los más potentes del mercado, de código abierto y con varios proyectos comerciales que demuestran su grandísima calidad, listo para exprimir al máximo nuestras tarjetas graficas. Tiene gran cantidad de tutoriales, unos foros en los que se responden dudas y se muestran los trabajos de las personas que lo utilizan y un wiki en constante evolución. Muy recomendable si tenemos tiempo el tiempo necesario para aprender a utilizarlo.