Archive for the ‘generador’ Category

PlayCrafter - Crea y comparte tus propios juegos (Advertencia: Altamente adictivo)

Wednesday, August 27th, 2008

Tu perfil en PlayCrafter

No recuerdo en qué post hablaba de lo mal empleado que está el uso de los términos Alfa y Beta para describir el estado de un desarrollo en la Web 2.0. PlayCrafter es un ejemplo más que claro del mal uso del término, pero no importa, el sitio es genial.

Se supone que es una versió Alfa de una plataforma para armar tus propios juegos, pero ya quisieran muchas versiones liberadas (ya no digamos muchas Beta) tener la estabilidad y llegar al grado de complejidad que este sitio tiene.

La idea es que armes tu propio juego basándote en plantillas, pero personalizándolo por completo, desde los colores, los fondos, las figuras, los elementos que arman el escenario, etc. No necesitas bajar nada, desde tu navegador puedes crear uno o muchos juegos, con elementos que vienen en la librería por defecto con que cuenta el sitio o usar elementos que tú mismo creas y puedes subir como formatos jpg, png o gif.

Te inscribes de forma gratuita al sitio y entras a un “parque de diversiones” en el que puedes elegir ir a tu perfil, ir a los juegos existentes o ir a tus juegos en proceso de creación o ya publicados.

Armando tu juego en PlayCrafter

Para armar tus juegos puedes elegir de entre 12 templates que pasan por todos los juegos de arcade clásicos. Cada uno de tus juegos puede ser calificado o comentado por cualquier otro usuario y además puedes publicarlo en donde quieras, ya sea en tu blog o en tu sitio.

El sitio está muy bien diseñado y magistralmente programado, así que no esperes más y demuestra que todas esas horas frente al monitor jugando te han dado algo de experiencia en el armado de niveles y de creatividad en hacer un juego original.

Por lo pronto yo dejo uno que hice en unos cuántos minutos, si bien no el más complejo sí un ejemplo de lo que puedes hacer, en este caso lo personalicé con el logo de un restaurante que tengo.

Enlace: PlayCrafter | Más información: Mashable

Iceberg - Haz tus aplicaciones en línea

Tuesday, August 26th, 2008

Erase una vez un mundo en el que no se necesitaba de programadores para hacer una apliación en línea. Los usuarios simplemente entraban a un sitio llamado GetIceberg, bajaba un programa que de forma automática instalaba los componentes necesarios para trabajar (bases de datos y algunas extensiones), de forma transparente para el cliente. Este entraba a un sitio en el que daba clic en “Crear una nueva aplicación”, decía cómo quería que funcionara y ¡listo!

Bueno, la verdad es que ese mundo aún no existe, y falta mucho para ello, pues por más que se quiera simplificar un proceso tan complicado como la creación de una aplicación, no cualquier persona tiene la paciencia para generar una mínima arquitectura de software. Sin embargo Iceberg intenta acercar la facilidad de creación de una aplicación a cualquier persona que tenga un poco de interés en crearla.

Pantalla de inicio de un proyecto en Iceberg

Pantalla de inicio de un proyecto en Iceberg

Una característica de cualquier cosa que se haga con Iceberg es que puede funcionar en cualquier navegador a través de Internet (por lo pronto tiene soporte completo para **Explorer y Firefox*). La otra es que está pensada para que tenga un número determinado de usuarios, es decir, creas tu aplicación y el número de usuarios que pueden usarla de forma gratuita son cinco. Si quieres que haya más usuarios necesitas pagar una licencia. Lo cual reduce su uso a aplicaciones corporativas o de uso personal.

En las aplicaciones actualmente disponibles encuentras un CRM, un bug tracker y un controlador de proyectos. Estas aplicaciones las puedes modificar para tus propias necesidades.

El proyecto está aún en etapa muy verde y tiene cierta dificultad para crear de forma intuitiva tus bases de datos. Sin embargo pude crear mi Lector de RSS en una hora (no quince minutos como prometen, pero es algo notable), sin ingresar una sola línea de código y con un mínimo de conocimientos técnicos (bueno, eso creo, pero mi opinión puede estar sesgada por mi permanente contacto con gente de sistemas).

Trabajando en mi lector de RSS en Iceberg

Trabajando en mi lector de RSS en Iceberg

De todas formas es una plataforma que merece la pena seguir de cerca, pues dadas sus posibilidades de integración en cualquier sitio web y las promesas de crecimiento que tienen nos pueden dar sorpresas interesantes en un futuro.

Si llegas a probar la aplicación danos tus comentarios y si sabes de otras plataformas de este tipo, esperamos también tus opiniones.

Cinco generadores para elementos de diseño web

Wednesday, August 20th, 2008

Hay infinidad de elementos necesarios para diseñar un sitio en internet, la mayor parte de ellos, cuando estás haciendo un sitio original, se crean de cero, sin embargo hay algunos elementos que son algo fastidiosos de armar y que con la valiosa ayuda del AJAX podemos simplemente diseñar y permitir que la tecnología nos ayude a generarlos de manera rápida e insertarlos rápidamente en nuestro diseño, permitiéndonos a nosotros poner mayor atención en otros elementos más importantes.

A continuación les dejo cinco sitios que he ido descubriendo que nos pueden ayudar a generar ciertos elementos de forma rápida y sin descuidar nuestra calidad y la originalidad de nuestros trabajos:

  1. Stripe Generator Este sitio te permite generar fondos rayados con diferentes características, eligiendo el tamaño de las rayas, el color de las mismas, el color y estilo de fondo, hacer una previsualización y bajar la imagen optimizada que simplemente tienes que agregar como fondo en tu sitio.

  1. Quick Ribbon Con este sitio puedes generar un listón o cintillo para poner en la esquina superior derecha de tu sitio y anunciar algo importante para tu sitio. En cuatro sencillos pasos eliges el contenido, color, tipo y tamaño del texto, el color y estilo del cintillo, el color del fondo y la liga que quieres que abra al darle clic. Automáticamente genera un código java que puedes insertar en tu sitio, la imagen que se genera queda guardada en el servidor del sitio, así que no tendrás que bajar ninguna imagen.

  2. Bg Patterns Generar un fondo con textura y algún elemento decorativo sin tener que pelearte por hacer que coincidan los cortes nunca había sido tan fácil como en este sitio. Eliges el color de fondo, la textura, la imagen a repetir, su transparencia y la inclinación con la que quieras que esté la imagen. Tienes una previsualización automática y ya que estés convencido del resultado, bajas la imagen que puedes agregar a tu diseño. ¿Más sencillo?

  3. Tartan Maker Si quieres un sitio con un fondo que recuerde el mantel de tu abuelita o la tarde de picnic, este sitio te ayudará a armar el fondo sin complicaciones. Hace puros fondos estilo “Tartán”, pudiendo elegir el número de líneas y color que tendrá el fondo. Al final, al igual que en los otros sitios, bajas la imagen que integras a tu diseño.

  4. Loader Generator ¿Estás cansado de tratar de hacer tus animaciones de carga y no logras que se vean profesionales? Pues en este sitio puedes elegir el estilo de cargador que más se acomode al diseño de tu sitio, incluida la selección de tamaño, color y fondo.

Si saben de algún otro sitio que nos ayude a simplificar el armado de nuestros sitios esperamos las direcciones en sus comentarios.

Lorem Ipsum - Tres Generadores de Texto Simulado (Dummy Text Generator)

Wednesday, August 20th, 2008

Cuando estás haciendo algún trabajo de diseño en el que debes simular texto o párrafos de texto, la larga tradición gráfica y tipográfica nos remite al uso de un texto que se utiliza para hacer esa simulación llamado popularmente Lorem Ipsum, proveniente de un escrito en latín, por la simple y sencilla razón de que este texto tiene una distribución adecuada de caracteres que permite simular un texto real (en lugar de llenar párrafos completos de “Esto es texto simulado”). Sin embargo hoy en día, con la facilidad que da la tecnología, no estamos limitados a ese texto.

A continuación les presento tres sitios que pueden ayudarles a sacar texto simulado, ya sea basado en el Lorem Ipsum o no:

  1. Blind Text Generator (reseñado anteriormente en Bitelia )

Muy completo generador de texto, tanto del clásico Lorem Ipsum como de otros textos, incluso uno en español. Este simulador también tiene opciones avanzadas para elegir fuente, tamaño de letra, formato, etc.

  1. Lorem Ipsum Generator

Aparte de generar el texto por número de palabras, párrafos, listas o bytes, nos da una breve reseña histórica del origen del Lorem ipsum y la traducción del texto original. Pa’ que se cultiven, chamacos.

  1. Adhesion Text (reseñado en MakeUseOf.com )

Aquí se puede generar de forma aleatoria diferentes bloques de texto con diversos tipos de conjuntos de caracteres, dependiendo del idioma que necesites, incluyendo el inglés, frances, alemán, español, catalán y portugués.

Después de esto, no tendrás pretexto para perder el tiempo llenando espacios en tu próximo diseño impreso o en línea.

Ransom Note Generator, escribe con letras recortadas

Thursday, May 29th, 2008

Ransom Note Generator es el típico generador de logotipos que en este caso nos permite escribir usando letras recortadas de periódicos y revistas; como en una de esas típicas cartas de rescate tan típicas en las películas.

Además del texto, podemos configurar el fondo sobre el que aparecerán las letras -una imagen de nuestro disco o alojada en Internet- y el tamaño de las letras, que podemos hacer mayor escribiendo el texto entre uno dos corchetes -[texto] es menor que [[texto]]-.

Enlace: Ransom Note Generator | Vía: PuntoGeek.

Is.gd otro generador de URL´s cortas

Monday, March 31st, 2008

Is.gd se suma a la ya amplia lista de generadores de url´s cortas que podemos encontrar por la red.

Su funcionamiento, pues idéntico al que estamos acostumbrados. Le indicamos la url que queremos acortar y nos generará un enlace del tipo http://is.gd/3qe que apuntará a la dirección original.

Como “novedad”, ya que no se si otros servicios incluyen esta opción o algo similar, podemos previsualizar la url a la que seremos dirigidos si incluimos un guión al final del la url de is.gd. Por ejemplo, con la url de ejemplo que puse antes, si nos dirigimos a http://is.gd/3qe- nos conducirá a la página de is.gd donde nos dirá cual es la url de destino. Esto puede ser útil si deseamos que quien lo reciba sepa a donde va a ser dirigido o, si somos nosotros quien recibimos el enlace, comprobar el enlace para evitar ser dirigidos a páginas sospechosas o que no queramos visitar.

Enlace: Is.gd | Vía: Go2Web20

Aparece en la portada de los libros de O’Reilly

Monday, February 4th, 2008

O’Reilly Maker nos permite editar a gusto y en tiempo real una típica portada de los libros de la editorial O’Reilly, gracias al uso que hace de jQuery and Django.

Podemos editar todas las partes del libro, solo teniendo en cuenta que si nos pasamos con los salto de línea, deformaremos la parte de abajo del libro. Hay varios colores y algunas de las imágenes habituales de estas portadas para elegir, el texto corre por nuestra cuenta.

El sitio también nos permite publicar nulas portadas que creemos, en una página que incluye botones para compartirla en Digg, StumbleUpon, Reddit y por correo electrónico.

OReilly_Maker_Demo

Enlace: O’Reilly Maker | Vía: Ajaxian.

Obtener la paleta de colores de una imagen

Monday, January 7th, 2008

Si sueles realizar trabajos, ya sea de manera profesional o no, de diseño gráfico o web quizá te interesen estos dos servicios web.

Con Color Hunter o Whats Its Color podemos subir una imágen o dirección URL de una imagen almacenada online para obtener los distintos colores que predominan en la imagen y su respectivo código hexadecimal. colorhunter-screenshoot.png Dicha paleta de colores nos puede servir para realizar composiciones que utilicen estos colores y lograr una armonía cromática entre la imagen y el resto de elementos o para simplemente, utilizar esa composición de colores para realizar nuestros propios diseños.

Las diferencias en cuanto a uso entre ambos sitios no son muchas, de What Its Color destacaría que te da el color predominante además del resto de colores. Sin embargo, en mi opinión, Color Hunter es mucho mejor en cuanto a diseño y el resultado que da, ya que subiendo la misma imagen en ambos sitios este último da una composición mucho más lograda y que además, te permite elegir un color del resultado para ver más paletas de colores de otras imágenes que contengan dicho color.

Enlace: Color Hunter & What Its Color