Sencha Animator: Crear animaciones utilizando CSS3

Hace poco pudimos ver algo de las bondades que nos prestaba el nuevo estándar de la web para estilizar todo lo que venga a su paso, el CSS3, del cual conocimos una muy interesante herramienta para generar botones animados utilizando tan solo CSS, todo desde un editor en línea que nos permite modificar a gusto nuestro botón.

Pero dejando un poco de lado esta herramienta, existe otra llamada Sencha Animator, que básicamente sirve para crear animaciones utilizando CSS3, bueno, así lo leen, además de todo que no es en línea, si no que por el contrario, es una aplicación multiplataforma que podemos instalar en nuestro ordenador (ya sea Linux, Windows o Mac), obviamente yo he tenido la oportunidad de instalarlo en Ubuntu desde un archivo .bin que nos proporcionan en el sitio web oficial.

La interfaz, por extraño que parezca viene a ser muy similar a la del clásico editor Flash, donde tenemos una linea de tiempo que podemos modificar para ir creando nuestra animación. Aunque con Sencha Animator podemos agregar distintos componentes, cmo figuras, textos y modificar sus propiedades para asi generar nuestra animación en CSS3.

Seguir Leyendo ←

280 Slides: Crear presentaciones en línea

Que las aplicaciones que utilizamos diariamente se encuentren en la nube se esta volviendo toda una necesidad, sobre todo por la compatibilidad de formatos o la disponibilidad de las mismas aplicaciones que se presenta cuando queremos abrir archivos o utilizar alguna aplicación en un ordenador que no es el nuestro y esto es algo que sucede muy a menudo con los documentos de oficina o las presentaciones.

Para el caso de las presentaciones, existe una solución llamada 280 Slides, que no es nada más que una aplicación en línea que nos permite crear presentaciones al más puro estilo del Power Point de Microsoft u otras aplicaciones similares, por lo que la interaz, aunque un poco más sencilla, resulta bastante conocida, pues la mayoría de las herramientas son de uso común para realizar este tipo de tareas.

280 Slides básicamente nos permite elegir entre distintas plantillas y diseños para poder empezar a realizar nuestra presentación, aunque también podemos iniciar una totalmente en blanco. Luego de eso podemos añadir textos, figuras, imágenes, vídeos, entre otras funciones básicas bastante sencillas. Además también podemos ver la presentación casi a pantalla completa desde la misma aplicación.

Por último hay que decir que el mismo servicio nos permite exportar nuestra presentación a formato .ODP de OpenOffice, a .PPT o .PPTX de PowerPoint o incluso también podemos guardar nuestra presentación como PDF, adicionalmente también podemos compartirla en otros servicios sociales como SlideShare o también obtener un código que nos permitirá embeber nuestra a presentación a un sitio web.

Saber la hora exacta en cualquier parte del mundo

saber que hora es

Sincronizar todos nuestros relojes es imprescindible para poder organizar nuestro tiempo y sobre todo cumplir nuestras obligaciones al momento que se debe, sin embargo, muchas veces resulta una tarea difícil porque no sabemos en donde buscar la hora real (aunque algunos siempre se guían por las emisoras de radio).

Pues bien, para evitar el problema mencionado anteriormente, existe ¿Que hora es en? que así como su interfaz, su funcionamiento también es relativamente sencillo, ya que el mismo servicio integra un buscador en la página principal donde debemos colocar el nombre de la ciudad o país del cual queremos saber la hora oficial.

Al momento de colocar el nombre de la ciudad en el buscador, nos aparecerá el nombre de la ciudad que hemos escogido con un reloj que nos muestra la hora en tiempo real en el formato de 24 horas con horas, minutos y segundos, además de que también muestra la fecha actual (ya que no todas las zonas horarias son lo mismo).

El sitio además nos proporciona un sencillo código que podemos implementar en nuestro sitio web y que nos muestra la hora en tiempo real de la ciudad que hemos seleccionado, por lo que basta con copiarlo y pegarlo en el lugar donde queremos que se visualice.

CSS3 Button Generator: Un generador de botones en línea

El estándar CSS3 ha dado de que hablar durante los últimos meses, y es que la cantidad de nuevos efectos y funcionalidades que se pueden lograr a través de las hojas de estilos en su tercera versión, resultan una manera muy elegante y eficaz de mejorar la web, sobre todo en la relación aspecto y funcionalidad.

Las herramientas que nos ayudan a trabajar con los nuevos estándares para la web son cada día más y CSS3 Button Generator es una de esas herramientas que básicamente nos permiten personalizar en tiempo real una superficie, en este caso, un botón al cual podemos aplicarle muchísimos cambios.

Entre las opciones que tenemos para personalizar el botón, es la de modiicar el color de las sombras, el tamaño del botón, la fuente a utilizar para el texto del mismo, la opacidad a aplicar en nuestra superficie, entre otras opciones bastante útiles que tenemos a disposición para crear nuestro botón utilizando características CSS3.

Lo mejor de todo, es que al lado derecho mientras vamos modificando gráficamente nuestro botón, el mismo servicio nos va mostrando todo el código fuente que debemos utilizar e implementar para obtener los efectos que estamos generando con nuestra herramienta. Adicionalmente CSS3 Button Generator nos entregará una url personalizada con la que podemos compartir nuestra creación.

Seguir Leyendo ←

Piq: Una herramienta online para crear dibujos pixelados

editor gráfico

¿Quien no ha utilizado Paint? pues bien hay que decir que la herramienta de la que hablaremos a continuación solo es similar a Paint por el objetivo que deben cumplir, es decir, dibujar y crear toda una obra de arte con las herramientas esenciales que un editor gráfico debe tener si hablamos de las más básicas.

El servicio se llama Piq, que aunque esta en versión beta llama bastante la atención por la cantidad de cosas que podemos hacer. Aunque básicamente el servicio lo que nos permite es crear dibujos de forma pixelada, es decir, como si le aplicaramos demasiado zoom a nuestras creaciones y ese mismo será el resultado de cualquier de nuestras creaciones.

Al acceder al sitio, lo primero que veremos es el editor, que por cierto tiene algunas herramientas bastante útiles, como por ejemplo, tiene una especia de pincel que hace un reflejo automático de lo que vamos dibujando o también incluye una que nos permite opacar toda la superficie con un solo clic.

La herramienta es bastante sencilla y nos servirá para realizar dibujos sencillos que tengan algo distinto de los demás. Adicionalmente, en el sitio web oficial podemos encontrar una galería de dibujos de creaciones que han hecho los mismos usuarios del servicio, todo con el fin de demostrar las capacidades de esta sencilla herramienta.