Archive for the ‘ Utilidades On-line ’ Category

Ultimate Flash Face: Retratos-robot on line

Mientras buscaba una herramienta con la que trabajé hace algún tiempo para hacer caras en 3D me topé con Ultimate Flash Face. Es una utilidad online muy interesante en la medida en que además de traer un amplio abanico de posibilidades para ojos, pelo, narices… permite editar las proporciones X e Y de cada una de ellas con lo que las combinaciones son mucho mayores. La interfaz de trabajo es tan sencilla como esta:

Tampoco es que me haya detenido mucho en ella pero me pareció una bonita herramienta a tener en cuenta en ciertas circunstancias y me animé a crear un post con ella y mostrar mi retrato robot de este individuo… Espero haber movido los elementos lo suficientemente bien como para que sea reconocido por usted.

Entre en Ultimate Flash Face y páselo bien un rato; es seguro que se puede tratar también el tema de la caricatura… pero eso lo dejo para usted.

EDITADO: Bueno, venga… Me he animado y me hecho una caricatura rápida de mi mismo. Ahí va:

Joaclint Istgud portada de El País Semanal…

Jeje… Al menos eso es lo que puede hacer cualquier usuario desde la plataforma Yo leo el País Semanal donde se puede uno crear su propia portada y compartirla en la galería, Facebook… Es una aplicación totalmente espartana que no hace mucho honor a las cosas que se pueden conseguir con la tecnológía 2.0. En cualquier caso yo ya tengo mi portada ¿Y usted?

Weebly: Crear un sitio web con blog incluido en un plis-plas

Desde hace tiempo tengo en la cabeza la idea de organizar los tutoriales que van surgiendo aquí, en El Blog de Joaclint Istgud. Una organización en categorías como la que aparece a la derecha en el blogroll no es suficiente para que el usuario encuentre cómodamente el tutorial que anda buscando. Había pensado en usar uno de los cientos de sitios de hosting gratuito para crear un espacio con más forma de web que de blog en la que se fuera concentrando el material… Y en estas estaba cuando me he encontrado con Weebly. Es una herramienta 2.0 alucinate. Es posible que en principio no permita mucha flexibilidad a la hora de ser «creativo» con el diseño del sitio, pero desde luego no concibo una manera más cómoda de crear una web que incluya todo lo necesario y con el menor esfuerzo (y conocimientos) por parte del usuario, sobre todo olvidándose de PTPs y demás para subir materiales y actualizar el sitio.

Buscando algo sobre el tema para poder hablar aquí con mayor precisión me ha sorprendido que en su momento (no sé si en la actualidad) alguien vio temblar con el nacimiento de Weebly los cimientos del mismísimo WordPress. Desde luego, cuando uno trastéa con el «juguete» un rato empieza a comprender el porqué de estos comentarios. Le faltan asuntos importantes como el idioma, eso sí. También es posible hacer el diseño del sitio en Weebly y después descargartelo y hospedarlo donde mejor te convenga.

Y por supuesto, no hablaría aquí de esta herramienta si no fuera gratuita en todos los aspectos fundamentales. Claro que hay algunas cosillas denominadas «pro» por las que deberíamos pagar para disfrutarlas.

Si está interesado en probar sin ni siquiera hacer una cuenta, pulse aquí.

Para comenzar en serio, o sea, abrir una cuenta y comenzar a realizar su propio proyecto pulse aquí.

O si quiere ver una demo en vídeo…

Drawter: utilidad online para maquetar proyectos web

En mis periplos por internet me he encontrado una interesante utilidad a la que en verdad no le he dedicado el tiempo necesario. Espero dentro de un tiempo poder ofrecer un tutorial con alguna práctica de iniciación…

Se trata de una utilidad online que permite crear rápidamente estructuras para proyectos web y que se llama Drawter (se trabaja muy cómodo con etiquetas DIV, por ejemplo). Una de las últimas aportaciones ha sido un vídeo explicativo más que interesante para entender rápidamente la filosofía de trabajo de esta utilidad.

Si está iniciándose en el diseño web, como yo, no deje de ver el vídeo y después hacerse una práctica con Drawter.

CssTypeSet: herramienta online para la edición de parrafos con CSS

CssTypeSet es una bonita herramienta online con la que podemos aprender los principales parámetros que podemos editar en un texto con CSS:

  • Fuente
  • Tamaño de la fuente (px y em)
  • Color de la fuente
  • Color del fondo
  • Estilo del texto (negrita, cursiva, subrayado y tachado)
  • Transformaciones del texto (mayúsculas y minúsculas)
  • Alineaciones (derecha, centro, izquierda y justificado)
  • Espacio entre caracteres
  • Espacio entre palabras
  • Espacio entre líneas

Mientras hacemos las ediciones podemos ver en tiempo real nuestros cambios y el código que se genera. Este último queda listo para ser copiado y usado en nuestro proyecto web. Como yo no soy un programador la mejor opción para mí es copiarlo y pegarlo en la pestaña General del editor CSS de Kompozer una vez que tenga creada la regla de estilo que quiero editar.

www.fodey.com: algunas curiosidades gráficas on line

No sé realmente si estos gráficos pueden llegar a ser de ayuda en algún proyecto pero puede decirse que por lo menos son curiosos. En www.fodey.com tenemos varias aplicaciones en las que lo único que se nos pide es que rellenemos unos campos para que después se generen gráficos como los que acompañan a este post.

Una vez más, la web 2.0 para que el usuario interactúe.

Bradicon!: convierte un bitmap en un .ico en un momentico

Si necesita generar un icono (.ico) a partir de una imagen en mapa de bits Bradicon es una utilidad online que le facilita el trabajo al máximo. Le permite subir imágenes con extensiones png, jpg, gif y bmp.

Yo subí para mi práctica este bonito avatar 🙂

Automáticamente se hace la subida…

Y en unos segundos tenemos listo nuestro .ico para descargar…

Resize Your Image: ediciones simples en imágenes (online)

Me paso el día trabajando con imágenes y en muchas ocasiones tengo que hacer ediciones muy simples como un recorte en una zona concreta de una foto. Por norma general recurro a Gimp pero he encontrado una utilidad online (supongo que hay muchas más) que hace esto de una manera cómoda y rápida; se denomina Resize Your Image. Permite rotar 90º en sentido horario y cortar la imagen (cuenta además con una posibilidad de facilitar el trabajo con unas opciones de Zoom in y Zoom out)

En el momento de la edición del corte nos informa de las medidas del alto y del ancho y además permite introducir estos valores manualmente si se hace clic en uno de los botones correspondientes:

Una vez terminada nuestra edición es el momento de ordenar al programa que genere la nueva imagen. Tenemos dos posibilidades:

  • Descargar la imagen para disponer de ella
  • Copiar la URL y dejarla allí hospedada. La imagen de aquí abajo (resultado de la práctica) tiene la URL de www.resizeyourimage.com (lo que no sé es el tiempo que permanece)

EDITADO: bueno, una vez comprobado puedo asegurar que el tiempo de hospedaje es de una semana más o menos.

Kompozer: insertar y editar un iframe

Aquí regreso con una memoria, más que tutorial, de mis investigaciones a la hora de aprender a insertar un iframe en un apágina web.

Los que me leen saben que para este tipo de aprendizaje (diseño web) uso un método basado en obtener un código con alguna otra herramienta y después investigar con él en Kompozer (del que últimamente no funciona la web oficial) En esta ocasión he usado una herramienta online de Scriptomizers diseñada precisamente para insertar iframes en la web.

En esta memoria cuento cómo trabajé con el código en HTML y algunas de mis primeras investigaciones para editarlo desde CSS con Kompozer.

Ver tutorial Kompozer: insertar y editar iframes

Kompozer: Creación de un menú dinámico (no desplegable) con el editor CSS

Después de mucho darle al coco he conseguido hacer un menú dinámico (sin desplegables) desde el editor visual de CSS de Kompozer. Desde Css Menu Maker (aplicación online para crear menus dinámicos -sensibles a la posición del ratón- y desplegables) creé un menú con objeto de obtener un códogo que me sirviera de guía. Vaya por delante que no soy un experto en CSS sino un autodidacta recién llegado pero ya voy sabiendo algunas cosillas. Utilizo un sistema de aprendizaje basado en analizar códigos generados por una herramienta como Css Menu Maker.

En Kompozer hago variaciones en los valores y aprendo los nombres de los Selectores y sus parámetros. No es un método muy académico pero de momento me está dando buenos resultados.

El tutorial que le presento a continuación es una especie de memoria sobre el proceso que seguí para conseguir uno de esos menús. Si hace la práctica y experimenta durante el proceso puede hacer muchos avances en sus conocimientos.

Ver tutorial Kompozer: Creación de un menú dinámico (no desplegable) con el editor CSS