Categoría: Programación y Diseño

Sitios y aplicaciones para aprender a programar y a diseñar. Para todos los niveles. Noticias y novedades del sector.

Baker – Framework en HTML5 para publicar libros en iPad

Publicado el

por Juan Diego Polo

Desarrolladores italianos acaban de publicar Baker, un Framework, de código libre, creado para publicar libros en iPad. Permite de forma sencilla a diseñadores y programadores la creación de libros para esta plataforma, creando páginas en HTML5 con un formato ideal para libros electrónicos.

Después de realizar el trabajo de creación, podemos publicarlo en iTunes en pocos minutos, esperando la aprobación de los jefes de la manzana, claro está..

Podemos probar el resultado desde nuestro navegador usando su simulador, con lo que es posible crear libros y publicarlos sin necesidad de tener un iPad.

Podéis ver un ejemplo de libro creado aquí­ (iTunes) y navegar por el código del proyecto en Github.

Ví­a mashable

jMockups – Una nueva forma de hacer bocetos de diseños web

Publicado el

por Juan Diego Polo

De entre todas las formas que tenemos para hacer bocetos en la web, vamos a parar unos minutos comentando jMockups.

Se trata de una aplicación que nos permite crear 5 bocetos en su plan gratuito, usando herramientas muy sencillas de usar para el diseño de nuestros proyectos.

Con los elementos básicos en la mayorí­a de webs (botones, campos de formulario, etc.), podemos exportar el resultado en formato de imagen, siendo sencillo compartirlo con otras personas (compañeros de trabjo, clientes, etc.);

Una buena alternativa a los editores de imágenes más complejos que, muchas veces, no son la mejor opción para este tipo de trabajo.

Ví­a noaris.

Hoptoad – Gestión inteligente de los errores de tu aplicación

Publicado el

por Juan Diego Polo

Hoptoad es una inteligente aplicación diseñada para permitir la gestión de los errores que los usuarios de nuestras webs puedan sufrir durante su uso.

Durante la configuración tendremos que incluir en nuestras páginas los códigos correspondientes a sus caracterí­sticas técnicas. Hoptoad captura los mensajes de error que puedan ir apareciendo y los ofrece en una lista eliminando los duplicados, evitando que el programador reciba un email por cada problema detectado y ahorrando tiempo en el proceso de corrección.

La versión gratuita sólo permite la gestión de un proyecto, aunque por sólo 5 dólares al mes se pueden ampliar bastante sus funciones.

Holla – aplicación web de código abierto para salas de chat en grupos

Publicado el

por Fco. José Hidalgo


Holla es una interesante aplicación de código abierto que nos permite a los usuarios la creación de salas de chat en grupo, donde iremos invitando al resto de usuarios e iremos interactuando en tiempo real entre todos a través de una interfaz sencilla, simple y elegante, inspirada en el jQuery Mobile’s initial designs.

Una cosa curiosa la tenemos a la hora de compartir archivos, donde simplemente deberemos de arrastrarlos desde nuestra ubicación local hasta el campo donde escribimos nuestros textos, donde podremos ver el progreso de subida y, una vez subidos, estos archivos forman parte de la conversación.

Un detalle que encuentro interesante es que, además de poder crear y eliminar salas, para cada sala también se puede vincular un enlace para seguir la covnversación mediante xmpp/jabber, aunque en la demo no llega a conectar.

El código fuente se encuentra en Gifhub, pero antes podemos ver su funcionamiento a través de la demo habilitada para ello.

Ví­a: WebResourceDepot

The Secretary – CMS para crear y gestionar nuestro portafolios en nuestro servidor web

Publicado el

por Fco. José Hidalgo


¿Eres una persona creativa? Si lo eres, seguro que muchos de tus trabajos lo tienes colgado en algunas de las webs que existen en Internet, desde las mismas plataformas donde publicar y compartir imágenes, hasta otras donde especí­ficamente puede crear tus portafolios de trabajo. Pero igual deseas tener tus trabajos bajo tu control, y te puede seducir tener tus trabajos bajo tu propio dominio. Pues bien, si hasta ahora no lo conocí­as, te presento The Secretary, un CMS destinado a crear tu portafolios de trabajos en tu propio servidor web.

Después de haberlo instalado, lo que tienes que hacer es crear proyectos, y añadir en cada uno de ellos diferentes items, como pueden ser imágenes, ví­deos o sonidos, pudiendo en cada proyecto crear diferentes secciones.

En su web oficial podrás acceder a una demo del servicio completamente funcional. Si te decides, los requerimientos para este CMS de código abierto son disponer de un servidor Linux con Apache, PHP 5+ y MySQl 5+.

Ví­a: Webresourcesdepot

SVG Edit, edición vectorial de diseños en SVG

Publicado el

por Fco. José Hidalgo


Al igual que en Internet podemos encontrarnos con infinidad de servicios destinados a mejorar nuestras imágenes, también tenemos herramientas online para crear nuestros propios diseños vectoriales, como es el caso de SVG Edit.

SVG Edit es un servicio online que nos ofrece las funcionalidades más básicas para poder crear nuestros propios diseños, desde un logotipo hasta una tarjeta por ejemplo, permitiéndonos poder editar nodos, cambiar rellenos, cambiar el color del filo, girar figuras, insertar textos e imágenes, etc.

La distribución de las diferentes funciones se asemejan mucho a los algunos programas de diseño vectorial de escritorio, donde tenemos la parte superior que en función del elemento elegido en el área de nuestro diseño, aparecerán unas funciones u otras que nos permiten cambiar sus caracterí­sticas, un panel lateral con los diferentes elementos que podemos introducir, y la parte inferior, destinada al tema de los colores.

Podemos partir desde un documento completamente en blanco, o incluso partir de la importación de un documento SVG, y el resultado lo podemos guardar como imagen vectorial o exportar como archivo bitmap en formato PNG. También tenemos acceso al código fuente de nuestro diseño.

Lo interesante es que se trata de un proyecto, bajo licencia Apache, que en próximas versiones se añadirán nuevas caracterí­sticas, y que además podemos descargarlo para instalarlo en nuestro servidor web.

Zepto.js – Ligero framework Javascript para Smartphones

Publicado el

por Javier Muñiz

Los smartphones ya forman parte de nuestra vida cotidiana y por lo tanto es necesario que los programadores seamos consecuentes a la hora de desarrollar nuestras aplicaciones web. Para ello existen frameworks realmente ligeros como Zepto.js (2K) que nos permiten aprovechar muchas de las opciones de estos dispositivos.

De este modo, con estas librerí­as tendremos la opción de controlar los eventos relacionados con las funciones táctiles, así­ como obtener información adiciona sobre el dispositivo en el que se está ejecutando la aplicación, para que podamos actuar en consecuencia.

Si os animáis a echarle un vistazo podéis descargarlo desde su web oficial y utilizarlo según los términos de la licencia MIT a la que está sujeto.

Ví­a | Creativos Online

VexFlow – Para escribir Música en la web, con JS y HTML5

Publicado el

por Juan Diego Polo

VexFlow es la solución que muchos programadores web estaban esperando para poder publicar partituras musicales de forma sencilla.

Se trata de una API, con código abierto, que incluye varias funciones para escribir varios tipos de músicas. Programada en JavasCript es compatible con Canvas HTML5 y SVG.

En la misma página podemos ver también VexTab, para guitarras.

Una buena idea que podemos usar de forma gratuita para fines no comerciales.

3 formas de enseñar programación a los niños

Publicado el

por Sandra Hernan

La programación es una actividad que estimula la concentración y el raciocinio lógico, con lo que enseñar a programar a los niños no tiene porqué aplicarse solamente a los futuros programadores.

Aquí­ os dejamos tres opciones para que los niños empiecen sus pinitos en la programación.

Kid’s Corner


Es un programa de Microsoft pensando en aquellas personas que quieren aprender a programar y enfocado también en los niños para encaminarlos hacia ese mundo. Sin tener conocimientos previos de programación, con un entorno muy sencillo y un lenguaje más que simple, te permite crear bibliotecas para hacer realidad tus programas y/o juegos, con unas pocas lí­neas de códigos. Recién estrenada la web social de Small Basic, podrás compartir tus programas con los amigos, permitiéndoles que los prueben, pudiendo, a su vez, incorporar tu creación en tu web o blog.

Alice


Software educativo que te enseña programación en un entorno 3D. Podremos crear animaciones para contar historias, juegos o ví­deos. Alice es una herramienta de enseñanza gratuita para todos, diseñada para ser la primera exposición de un estudiante programación orientada al objeto.

C-Jump


Aunque no es gratuito si es muy curioso ya que es el primer juego de mesa destinado a chavales de 11 años en adelante para aprender a programar. Conceptos básicos de lenguajes de programación tan serios y complicados como C, C++ y Java, tendrán otra visión sobre la mesa, resultará divertido, didáctico y distraí­do.

ShiftEdit – Entorno de programación web en la nube

Publicado el

por Javier Muñiz

ShiftEdit es una espectacular herramienta de desarrollo web que podremos utilizar para crear o retocar nuestras páginas directamente desde nuestro navegador, sin necesidad de instalar nada en nuestro PC.

Para ello, sólo tendremos que crear una cuenta gratuita, e introducir los datos necesarios para la conexión a través de FTP.

A partir de ahí­ ya podremos comenzar a programar, viendo coloreadas las distintas instrucciones ya sean de: PHP, Ruby, HTML, CSS o JavaScript.

Además también podremos acceder a un historial con las distintas versiones del código, reemplazar palabras o instrucciones y por supuesto, ver el resultado de lo que estamos programando en tiempo real, algo ideal a la hora de depurar.

Una aplicación excelente que nos ahorrará muchí­simo tiempo a todos los que nos dedicamos al desarrollo web.