Herramientas para mejorar la productividad a la hora de programar no nos faltan, y un buen recurso para formar parte de nuestra sección de utilidades que le hacen la vida mas fácil a los programadores es Codebox.
Lo que esencialmente nos ofrece Codebox se basa en un espacio de programación que nos permite desarrollar nuestros proyectos desde nuestro PC o Chromebook de forma local y en la nube. Esta posibilidad de desarrollo basada en el cloud permite también que podamos editar el código de forma online u offline, y que podamos compartirlo con otros usuarios para crear un espacio de trabajo colaborativo.
El mismo sitio web nos sugiere utilizar Codebox como plataforma para trabajar de forma remota, como herramienta para autónomos que quieran trabajar en sus proyectos desde diversos dispositivos, como editor colaborativo con la ventaja de un video-chat incorporado e incluso para aprender y enseñar a programar.
Dado que es un servicio diseñado por y para programadores, no sólo se nos permitirá registrarnos con Google, sino también mediante nuestra cuenta de Github, Bitbucket o Assembla.
Por ultimo, comentar que tenemos disponible el código fuente del mismo Codebox en Github siguiendo este enlace, pues también es una herramienta open-source.
Sin duda una de esas herramientas que vosotros, programadores, querréis tener en favoritos.
Proto.io es un entorno para crear prototipos, en este caso para dispositivos móviles, que nos permite diseñar y presentar un borrador de nuestra futura aplicación pudiendo utilizar multitud de herramientas y pudiendo añadir diversos detalles en el proceso. Hablamos de él hace unos años, pero ahora en el mismo blog oficial nos hablan de las nuevas novedades implementadas así como del nuevo diseño del servicio.
Este nuevo diseño nos ayudará a encontrar las características que queramos utilizar de forma más rápida, y quedará organizado en cuatro secciones principales: responsividad, creación de proyectos, iconos y buscador. La primera nos ayudará a realizar los prototipos para dispositivos móviles optimizando nuestra página principal y cambiando la interfaz según convenga. Con la creación de proyectos podremos empezar a trabajar en un diseño de forma simple e intuitiva utilizando plantillas y modelos en dicho proceso. Los iconos y pictogramas nos ayudarán a hacer que nuestra web sea clara en su funcionalidad, y el nuevo buscador de elementos nos permitirá filtrar información según proyectos, usuarios y dispositivos.
Así que ya sabéis, aquí tenéis una nueva herramienta a tener en cuenta si os dedicáis al mundo del diseño web o de aplicaciones. Podéis registraros en el servicio siguiendo este enlace.
En múltiples ocasiones nos hemos hecho eco de las novedades que nos ha ido ofreciendo la plataforma Codecademy desde su lanzamiento desde hace dos años, en el que más de 24 millones de usuarios están aprendiendo programación en diferentes lenguajes a través de su plataforma. Con la idea de facilitar el aprendizaje a sus actuales usuarios así como facilitar el acceso a los nuevos, Codecademy acaba de renovar su aspecto para ser más ágil e intuitivo, o como ellos mismos señalan en su blog, su plataforma ha sido «reimaginada».
Una de las principales razones de su «reimaginación» es por la incoherencia visual que disponía su anterior diseño, así que han empezado desde cero para ofrecer un lenguaje visual uniforme a lo largo de su plataforma. La otra de las razones es la búsqueda de la madurez de su propia marca, con la idea de hacerla más fuerte, atractiva, profesional y sofisticada. Los detalles del rediseño lo explican a través del propio blog, donde han empleado cuatro fases para llevarlo a cabo durante los últimos cuatro meses.
Además, Codecademy pretende que sus usuarios puedan adquirir habilidades y conocimientos participando en proyectos reales, entendiendo que es algo necesario para tener éxito en el lugar de trabajo de hoy, mostrando esta postura con una serie de ejemplos de como algunos de sus miembros han cambiado sus vidas gracias al uso de su propia plataforma.
En el mundo informático existen muchos lenguajes de programación diferentes, cada uno de ellos con sus ventajas e inconvenientes. ¿Hay alguno que pueda marcar la diferencia? Esa fue la intención de Bryan O’Sullivan, Julien Verlaguet y Alok Menghrajani, ingenieros de Facebook, en el que junto con otros ingenieros, han estado trabajando dentro de Facebook desarrollando en los últimos años el lenguaje de programación llamado Hack (hacklang.org), el cual permite a los programadores desarrollar sitios web complejos y otras aplicaciones a gran velocidad sin dejar de asegurar que el código se organice de manera precisa y libre de fallos.
Wired hace un recorrido comentando desde que Mark Zuckerberg comenzó a trabajar en Facebook a finales de 2003 empleando inicialmente el lenguaje de programación PHP, el cual es muy habitual en muchas de las aplicaciones web que manejamos a diario. Con el tiempo, ante el aumento de millones de usuarios, Facebook se ha ido encontrando con las limitaciones de PHP, entendiendo que necesitarán más servidores, y por tanto, el manejo de todo el código y mantenerlo libre de errores se convertiría en una tarea bastante compleja.
Al final, el año pasado, tres ingenieros superiores permitieron a Facebook resolver el problema de la ejecución de todo el código en PHP en los servidores a través de un nueva aplicación llamada HHVM, de Hip Hop Virtual Machine, la cual permite mantener el servicio usando menos servidores. Ahora, con Hack, se hace más fácil manejar código y mantenerlo libre de errores, y por tanto, se zanja otro problema.
Hack ha sido presentado esta mañana y puesto a disposición como código abierto para animar al resto de personas, además de usarlo, a aportar sus contribuciones para mejorarlo. Wired nos indica que podemos ver a Hack «como la nueva PHP», y de hecho es el lenguaje de programación que usa actualmente Facebook en su servicio. Hack también se ejecuta en HHVM y permite a los desarrolladores utilizar los tipos dinámicos y tipos estáticos en sus desarrollos, llamándolo como tipificación gradual, el cual es el primero en ser llevado a un lenguaje real.
Con ello, si Facebook ha podido ir reemplazando el código PHP por Hack, el resto de desarrolladores también podrán hacerlo, es más, el uso de Hack le ha permitido a Facebook contar con un código más preciso y con menos errores. Este lenguaje proporciona una especie de red de seguridad a los desarrolladores, permitiéndoles además entender el código con el que trabajan. Además, no necesita compilación, por lo que cualquier cambio que se realice se puede ver de inmediato sin retrasos.
Code Maven y Game Maven son dos conjuntos de lecciones de programación creados por CrunchZilla que, juntos, resultan ser una herramienta ideal para que jóvenes estudiantes empiecen a aprender a programar mientras se motivan creando juegos en el proceso.
Es ideal empezar con Code Maven para aprender los principios básicos de la programación antes de empezar a programar juegos. Code Maven ofrece 59 distintas lecciones que estudiantes de secundaria o bachiller podrán completar y repasar en sus casas, con tutoriales que irán analizando sus habilidades y dando feedback para ir mejorando poco a poco, además de para captar más su atención. No será necesario registro para poder navegar a través de las lecciones, y los estudiantes pdorán retroceder, avanzar y repetir los capítulos al gusto.
La guinda del pastel la pondrá Game Maven, con más tutoriales de programación (37 lecciones en concreto) que resultarán en la creación de tres juegos online simples. En cada lección se nos proporcionará una pieza de código a modo de ejemplo en la parte izquierda, y en la parte derecha se mostrará lo que crea ese código.
Por ejemplo, en el primer tutorial de Code Maven veremos cómo crear y posicionar en la pantalla un rectángulo de color negro con la línea de código c.fillRect(20, 20, 50, 75); . La gracia de cada tutorial, también, es que podemos modificar como queramos cada línea para ver qué efecto tiene en el objeto creado y así poder aprender a través de la experimentación.
Ya nos hicimos eco el pasado mes de Noviembre del lanzamiento de Codacy, una nueva herramientas orientada a desarrolladores con la finalidad de la monitorización automática de patrones dentro de los códigos de programación para una mejor organización de los mismos, permitiendo no sólo una mejor comprensión sino además eliminar aquellas partes que puedan ser innecesarias. Desde su lanzamiento, unos 1.300 desarrolladores se han interesado en esta plataforma, permitiendo el análisis de un millón de líneas de códigos al día de media.
hoy ha sido el día elegido para su lanzamiento público, dejando así la beta privada, y donde además se añade soporte de etiquetas y se ha publicado los precios oficiales. Según podemos consultar en la propia página, dispone de los planes Singles, Team y Company, a 14,99 dólares, 49,99 dólares y 149,99 dólares respectivamente, aunque hay opción para un plan Enterprise, en cuyo caso invitan a consultarles.
El acceso se puede realizar a través de las propias identidades de GitHub o Google, y posteriormente se podrán añadir los proyectos en los que se están trabajando, bien de forma manual o bien obteniéndolos a través de GitHub. En el caso de aquellos proyectos que se desee añadir manualmente, se deberá indicar la URL del servidor, indicando la clave SSH del mismo. Codacy indica a TNW que en el presente año se integrará con «key Continuous Integration tools» además del lanzamiento de su propia herramienta de línea de comandos.
TNW ofrece además un enlace de registro para usar Codacy durante un mes gratis.
Google acaba de lanzar DevArt, su nuevo proyecto que tiene como objetivo apoyar a aquellos artistas actuales que hacen uso de la tecnología y su programación como un nuevo tipo de arte. Según informa TechCrunch, el proyecto dará inicio como una exposición en el centro de artes escénicas The Barbican, en Londres, que dispondrá de cuatro instalaciones de arte independientes. Es por ello por lo que Google está haciendo un llamamiento a los desarrolladores interesados para que formen parte de una de esas instalaciones expositivas junto a tres artistas destacados que ya han sido elegidos para mostrar hasta donde son capaces de llegar.
Google encarga a los artistas interactivos que para la creación de las instalaciones para el espectáculo inaugural, hagan uso de las APIs suyas así como sus productos y servicios web. Algunas de las tecnologías empleadas son: Kinect, Unity, WebGl, Arduino, Raspberry Pro, Google+, Maps, Twitter y YouTube, entre otras.
Los interesados tendrán toda la información que necesitan a través de la página que Google ha creado para DevArt, donde tendrán desde los diferentes plazos, cuya inscripción se cierra el 28 de Marzo, hasta los los proyectos disponibles a través de los lenguajes, herramientas de desarrollo, plataformas, APIs, tipos, o mediante búsquedas. Toda la información de esta página se encuentra disponible en diferentes idiomas, incluido el español.
Los proyectos tendrán un seguimiento a través de GitHub, donde los desarrolladores construirán sus códigos documentando todo el proceso. La página de cada proyecto en DevArt se modificará una vez se modifique el código y se envíe al repositorio en GitHub. DevArt contará con jueces que valorarán los proyectos finalizados teniendo en cuenta las actualizaciones durante el proceso de evaluación siguiendo una serie de criterios.
Hace cerca de dos años que os hablamos de Screenleap (screenleap.com), uno de los servicios de intercambio de pantalla que nos permite compartir el contenido de nuestra pantalla con otros usuarios sin necesidad de registro o instalación alguna de software. Los usuarios invitados tan sólo tenían que presionar un enlace o introducir un código de nueve dígitos para conectar con nuestra pantalla dentro de la sesión activa que hayamos creado.
Son muchos los cambios y nuevas características que ha recibido el servicio a lo largo de todo este tiempo, y una de las novedades más recientes es la del lanzamiento de la extensión de Chrome para integrarse dentro de GMail, lanzamiento que tuvo lugar a finales del pasado año. Dicha extensión, incompatible con equipos Mac, como explican en una nota, añaden varias vías dentro de GMail para que podamos compartir nuestra pantalla a los usuarios que invitemos. Entre ellas tenemos un nuevo enlace en la parte superior así como una nueva opción dentro de la ventana de redacción que nos permite iniciar las invitaciones para compartir pantalla en una nueva sesión que se nos generará. También contaremos con dicha opción dentro de las tarjetas pop up de los contactos que nos saldrá cuando nos situemos encima de sus nombres.
Los usuarios podemos definir, desde el menú, compartir toda la pantalla o bien el área que comprenda un recuadro verde que tendremos en pantalla y que podremos ajustar. También podemos pausar temporalmente la compartición de pantalla, o bien de forma definitiva. Durante el tiempo en el que estemos compartiendo nuestra pantalla, tendremos un indicador que nos indicará en todo momento el número de usuarios que la están visualizando.
La disponibilidad de aplicaciones nativas para Windows y Mac y el lanzamiento de los diferentes planes de tarificación, existiendo un primero de carácter gratuito, y añadiéndose a principios del presente mes de Enero un plan enfocado a las compañías con características enfocadas a las mismas, son otras de las novedades que se han ido incorporando a lo largo de los últimos meses al servicio.
Si alguna vez nos hemos preguntado si hay algún modo de personalizar los estilos de los mapas de Google Maps, la respuesta la tenemos en la relación de servicios que nos presenta Google Maps Manía, una serie de opciones que nos permitirán jugar con los estilos de los mapas, permitiéndonos tanto crear los nuestros propios como elegir estilos ya creados por otros usuarios y donde simplemente pasamos a escogerlos para usarlos nosotros mismos.
La primera opción se llama Map Styler, y básicamente partiremos de la base estándar de los mapas de Google Maps para ir incorporando y configurando diferentes elementos encima que encontraremos de manera clasificada en la barra lateral que tenemos a la izquierda de la pantalla a través del propio asistente. Esta herramienta nos mostrará una previsualización simplemente al poner el cursor encima de cada elemento.
Además, contamos con la opción Showcase donde tenemos los estilos creados por otros usuarios, sobre los cuales nos podría interesar cualquiera de ellos, por lo cual simplemente podemos presionar sobre el título del estilo que nos interesa para ir a la página correspondiente y escoger el código que nos ofrecen para aplicarlo al estilo de nuestros propios mapas.
Pasamos ahora a Snazzy Maps, el cual básicamente es un repositorio de esquemas de color para mapas donde tan sólo tenemos que navegar entre las opciones más populares o las más recientes pudiendo aplicar una serie de filtros. Esto nos evita tener que realizar nuestras propias configuraciones, donde simplemente tenemos que elegir aquellas opciones que más nos gusten, en el que una vez encontradas, nos iremos dentro de sus páginas para obtener los códigos e incluso descargarnos ejemplos. Si somos desarrolladores de estilos, la misma plataforma nos permite subir nuestros propios esquemas.
Flat UI Maps es el asistente de creación de estilos para mapas de Google Maps de Designmodo donde simplemente podemos crear y experimentar con nuestros propios estilos a través de su propio framework. La propia plataforma nos ofrece una serie de elementos mediante sus correspondientes menús desplegables sobre los cuales podemos establecer nuestras propias personalizaciones. Una vez hayamos acabado con nuestros propios estilos, podemos obtener los códigos para incluirlos en nuestros mapas. Personalmente esta herramienta no me ha llegado a cargar.
Custom Google Maps Style Tool, perteneciente a Think Tank, es otra herramienta de personalización de estilos de mapas en la cual tenemos una serie de controles de color para cada elemento que nos permite configurar donde tan sólo tenemos que realizar dichos ajustes, obteniendo los valores en hexadecimal de los colores obtenidos, aunque también podemos modificar dichos valores directamente. Al final, también tenemos los códigos que podemos escoger para aplicar a nuestros mapas.
Google Maps Colorizr también es otro asistente que nos permite modificar los colores de los diferentes elementos, aunque nos lo presenta con una estructura distinta, más compacta y ordenada que la herramienta anterior. Tan sólo tenemos que añadir cada elemento de manera personalizada y definir su configuración, aunque no tenemos una función que nos permita escoger el color, de manera que tenemos que buscarnos la vida para indicar los valores hexadecimales de los colores que necesitamos. La misma herramienta convierte dichos valores a valores HSL que usa Google Maps. El código generado lo tenemos a la derecha, y dispone de URL dinámica, ideal para recabar opiniones de nuestros estilos.
Y por último tenemos a Styled Maps Wizard, perteneciente a la misma Google, y que también nos permite ajustar los colores de los diferentes elementos y obtener el código para aplicar en nuestros mapas.
Sea para presentar un proyecto, para incluir una imagen en vuestras memorias escritas, o para utilizarlo como imagen creativa que enseñe vuestro código en vuestro perfil de LinkedIn, Marmoset es una extensión de Chrome que nos permite realizar capturas de fragmentos de código coloridas, creativas y originales en cuestión de segundos.
La extensión funciona offline, es rápida y nos permite aplicar distintos efectos y colores al fragmento de código insertado, pudiendo elegir entre una buena variedad de diseños y temas. Insertaremos nuestro código en la ventana izquierda del programa, mientras en al ventana derecha iremos viendo cómo queda nuestro diseño al que podremos dar zoom, inclinación, color y distintas fuentes. Por poder, podremos hacer que nuestro código tome la forma de la Torre Eiffel. Al acabar, podremos guardar el archivo localmente en el formato deseado.
Aquí os dejamos el vídeo que nos explica cómo utilizar la herramienta y nos enseña las distintas capturas que podemos crear, unas más prácticas, otras más orientadas a ofrecer un diseño original:
Si queréis bajaros la extensión gratuita de Chrome podéis hacer clic en este enlace a la Chrome Web Store para instalarla. Es más, si también os llama la atención visualizar el código o trabajar sobre él, la herramienta es open source y podéis acceder al código en este enlace, divulgado en Chrome Story.
