Cody, una biblioteca gratuita de tutoriales de HTML y CSS

codyCody es una iniciativa interesante que reúne una serie de pequeños tutoriales de HTML y CSS, a los que podemos acceder de manera gratuita.

Efectos, estilos, recursos y diferentes trucos encontraremos en esta biblioteca online que va sumando de a poco nuevos contenidos. Con una dinámica muy interesante, nos permite acceder a un tutorial explicado paso a paso, con referencias y un conjunto de archivos para descargar e implementarlo en nuestro trabajo.

Solo tenemos que escoger el tutorial que nos resulta de interés, visualizar el demo para corroborar que es lo que estamos buscando y tendremos toda la información a nuestra disposición. Además, podemos valernos de la opción de dejar comentarios si necesitamos resolver una duda o leer el aporte de otros usuarios.

Si buscamos un tema en especial, podemos valernos del buscador o simplemente recorrer todos los tutoriales que se han compartido hasta el momento.  En la sección de FAQ veremos que los creadores de Cody nos permiten utilizar libremente todos los recursos que han compartido, respetando algunos términos.

Un recurso online gratuito interesante a tener en cuenta para complementar nuestro kit de herramientas de trabajo.

Colección de trucos y tutoriales de HTML5, CSS3 y Javascript

En le web disponemos de muchos cursos y contenido que nos permiten resolver casi cualquier duda en cuanto desarrollo web,  como los dos recursos que compartiremos hoy.

The Code Player ofrece una colección de pequeños tutoriales sobre HTML5, CSS3 y Javascript que pueden resultar de utilidad en más de una ocasión al implementar un nuevo diseño o elemento a nuestro proyecto.

thecodeplayer

Por ejemplo, encontraremos cómo emular uno de los efectos que encontramos en el estilo visual de Material Design, una animación estilo Matrix, cómo crear un calculadora utilizando Javascript y CSS3, realizar slider de diferentes estilos, etc.

Al ingresar en cada tutorial veremos un demo del efecto o diseño que deseamos aprender, permitiéndonos interactuar para ver su funcionamiento. Y en la misma interfaz veremos una descripción, con las opciones de visualizar el paso a paso dejando correr la reproducción o simplemente ver el código.

También hay una sección para los comentarios, que puede ser de utilidad para ver el aporte de la comunidad, o dudas que pudieran surgir, así­, como sugerencias de tutoriales relacionados. Si vemos que algunos tutoriales están clasificados como “Secret”, tendremos que suscribirnos a The Code Player para ver su contenido.

Sin dudas, un recurso interesante que podemos guardar en nuestros marcadores.

Google Now Launcher, el lanzador oficial de Google, ya funciona en Android 4.1 Jelly Bean

1 google now launcher cualquier android

El excelente lanzador de aplicaciones de Google que lleva al resto de equipos la experiencia completa de Google Now presente en los dispositivos Nexus incluyendo la posibilidad de activar su asistente de voz y buscador de respuestas con solo decir «Ok Google» desde la pantalla principal, ya está disponible para todo aquel que disponga de al menos la versión 4.1 de Android en sus móviles y tablets.

Desde hace tres meses Google viene ampliando la gama de dispositivos compatibles con su excelente launcher pues tan pronto se lanzó apenas era compatible con una selección de dispositivos Google Play Edition y Nexus antiguos. Sin embargo, habí­a una esperanza para quienes tení­an móviles con Android 4.2 o superior, esperanza que llegaba de la mano XDA Developers quienes resumí­an el proceso de instalar Google Now Launcher en bajar los ficheros e instalarlos manualmente.

Pues bien, la espera ha terminado, hace un rato anunciaron en el perfil de Android en Twitter que Google Now Launcher ya está disponible de forma oficial para todos los móviles con Android 4.1 Jelly Bean y obviamente para sus versiones superiores.

¿Y por qué tanto alboroto por este lanzador?

Continúa leyendo «Google Now Launcher, el lanzador oficial de Google, ya funciona en Android 4.1 Jelly Bean»

Cómo guardar en una hoja de cálculo automáticamente los tweets que incluyen determinado hashtag

twitter-archiver guardar tweets hashtag

Amit Agarwal de Digital Inspiration ha desarrollado un nuevo script que potencia las funcionalidades de las redes sociales, esta vez, una herramienta que permitirá importar automáticamente a una hoja de cálculo en Google Drive y con todo detalle, decenas de tweets que contengan un determinado hashtag (por ejemplo, los de una campaña) que podremos indicar con tan sólo cambiar el nombre de la hoja.

La idea es valerse de un Google Script llamado Twitter Archiver que permitirá que la hoja de cálculo en Google Drive se comunique con Twitter para ir actualizando cada pocos minutos la tabla de registros que incluye columnas para el texto de los tweets, su hora y fecha exacta, los retweets, los datos numéricos (seguidos y seguidores) del usuario que publicó el tweet y finalmente la cantidad de «favoritos» recibidos.

El proceso para su activación se resume en pocos pasos:

1. Hacer una copia personal de la hoja de Twitter Archiver haciendo clic en este enlace y luego en «Sí­, hacer una copia». La hoja incluye por defecto el hashtag #WorldCup2014 pero aún no funciona porque hace falta activar su sincronización con Twitter.

2. Para esto último tendrás que ir a apps.twitter.com, iniciar sesión con tus datos de Twitter, generar una nueva aplicación en Create an application y llenar los campos con los datos que creas convenientes (excepto los dos últimos í­tems que sí­ deben mantenerse iguales). Por ejemplo:

Name: Archivador de Tweets
Description: Guardar tweets que respondan a ciertos hashtags
Website: https://ctrlq.org
Callback URL: https://spreadsheets.google.com/macros

Acepta los términos y pulsa al final el botón Create your Twitter application.

3. Aparecerá entonces la página de la aplicación creada la incluye las respectivas claves que deberás utilizar para garantizar el acceso de la hoja de Google Drive al contenido de Twitter. Las puedes ver en la pestaña API Keys:

API Key y API Secret son las que vas a utilizar luego, no las pierdas de vista.

4. Vuelve a la hoja de cálculo que has copiado y dirí­gete al menú Herramientas >> Editor de secuencias de comandos… para que se muestre parte del código del script. Como verás, hay dos palabras en rojo que siguen a las variables TWITTER_CONSUMER_KEY y TWITTER_CONSUMER_SECRET. Pues bien, cambia la palabra KEY en rojo y entre comillas por toda la cadena de caracteres que twitter muestra en API Key, y cambia la palabra SECRET por todos los valores que te da API Secret en el anterior punto. Deberá quedar algo así­

5. Finalmente ve a la parte superior de esa página de código, pulsa en el menú Ejecutar >> Initialize >> Continuar y acepta los permisos de Google para habilitar las funcionalidades de la hoja y los de autorización que muestra Twitter. Y eso es todo, vuelve a la hoja de Google Drive y ya podrás ver el primer centenar de tweets más reciente que responde al hashtag #WorldCup2014. Si cambias ese hashtag por cualquier otro (en nuestro caso elegimos #wwwhatsnew), y vuelves a pulsar en Initialize, se ejecutará de nuevo el script cargando los nuevos tweets:

tweets wwwhatsnew

Si aún deseas más ayuda, en la parte superior de la hoja se muestran enlaces rápidos para un más completo soporte. Igualmente, en esa sección, se enlaza al siguiente video en el que se muestra el proceso en acción -está en inglés-:

La NASA y Khan Academy lanzan tutoriales online sobre astronomí­a y exploración espacial

khan academy

En el contexto de una nueva edición de White House Science Fair, la NASA y Khan Academy anunciaron su colaboración para compartir online contenido interactivo sobre astronomí­a y exploración espacial.

Siguiendo la dinámica que propone WHScienceFair, el propósito de esta serie de tutoriales es incentivar a los estudiantes por la formación en carreras STEM (Ciencias, Tecnologí­a, Ingenierí­a y Matemáticas). Encontraremos una combinación de videos, textos, gráficos, juegos y contenido interactivo que recorren diferentes temáticas. Por ejemplo, podemos ver modelos interactivos de las fases de la luna, el eclipse lunar, entre otros.

También hay una sección dedicada a la exploración de Marte con videos sobre las misiones Viking, Mars Express, Mars Global Surveyor, el papel de Spirit y Opportunity para explorar la superficie, descubrimientos modernos, entre otros datos.

Además de todo el contenido expuesto en los tutoriales, hay enlaces relacionados para ampliar la información en el portal de la NASA. Aunque se presentan en una secuencia establecida, podemos movernos según nuestro criterio por las diferentes secciones.

Una excelente herramienta no solo para los estudiantes que por iniciativa propia deseen profundizar sobre estos temas, sino también para que los educadores lo integren en su plan de estudio. Y por supuesto, interesante contenido que los padres pueden compartir con sus hijos.

Podemos ver esta serie de tutoriales desde Khan Academy.

Cómo instalar Google Now Launcher en cualquier Android 4.2 o superior

1 google now launcher cualquier android

Google Now Launcher, el elegante launcher oficial de Google presente en el Nexus 5 y caracterí­stico por su integración con Google Now, ya está disponible para su descarga e instalación desde la Play Store. El problema es que es compatible sólo con móviles Nexus y equipos Google Play Edition, así­ que para los demás, lastimosamente sólo dispositivos con Android 4.2 o superior, ya hay una solución.

La solución se ha publicado en XDADevelopers y es instalar los debidos archivos para que funcione tanto el lanzador como sus caracterí­sticas de búsqueda de Google Now integradas (el lí­o con versiones previas de Android). La tarea simplemente es pasar al móvil los tres ficheros en formato APK compartidos en el foro y enseguida instalarnos. De hecho, para muchos, basta con instalar el que dice GoogleHome.apk (es debido habilitar la instalación desde fuentes desconocidas en las opciones de seguridad de Android).

¿Y por qué instalar este launcher habiendo tantos? Obviamente hay launchers para todos los gustos (p.e., el mí­o es Themer, un launcher con temas predeterminados), así­ que basta revisar sus caracterí­sticas para decidirse a instalarlo: elegantes fondos de pantalla predeterminados, integración perfecta con Google Now, menú de aplicaciones y otros espacios transparentes, una tremenda velocidad, compatibilidad con los widgets de Android e iconos más grandes.

Por cierto, un detalle no menos importante es que posee el sello de Google y las actualizaciones no le faltarán. Para configurarle, basta tener oprimido sobre la pantalla principal y elegir el í­tem a cambiar. Para documentación adicional, lo mejor es visitar el respectivo foro en XDADevelopers.

Code.org convierte Flappy Bird en un tutorial de programación para principiantes

flappy

No hay mal que por bien no venga. Después de anunciarse la terrible noticia para muchos en la que se confirmaba que Flappy Bird ya no estarí­a disponible para su descarga, vimos como enseguida nací­an algunas interesantes alternativas: tení­amos la posibilidad de crear nuestro propio Flappy Bird con Flappy Generator, o volver a empezar a jugar de la misma forma con Flappy Fish.

Ahora la plataforma de programación Code.org también hace su aportación al asunto y nos presenta «Make your own Flappy Bird game«, con el objetivo de que sus usuarios practiquen las bases de la programación y se diviertan creando su propio juego.

La lección nos llevará a través de una serie de pasos que tendremos que llevar a cabo, todos relacionados con la mecánica del juego: hacer que el pajarito bata sus alas y haga ruido mientras lo hace, decidir las consecuencias de chocar contra una tuberí­a verde… programaremos los pasos en una interfaz en la que arrastraremos y soltaremos bloques de acciones que se unirán unos con otros para determinar la jugabilidad, hasta que acabemos de crear un juego simple en el que, más tarde, podremos realizar las modificaciones y personalizaciones deseadas.

Así­ que ya sabéis, si queréis familirizaros un poco con las mecánicas de la programación y ya de paso darle un poco de rienda suelta a vuestra creatividad en un entorno de Flappy Bird, esta es vuestra oportunidad.

6 miniguí­as para resolver problemas de privacidad en Google y Google+

Ya todo el mundo conoce el deseo de Google de promocionar Google+ a diestra y siniestra, el problema es que en muchas ocasiones se ha extralimitado con su polí­tica de privacidad, que todos aceptamos al usar sus servicios, haciendo efectivo su reservado derecho de ejecutar cambios en su ecosistema sin previo aviso. Aunque los cambios se pueden deshacer fácilmente con algo de información (como en esta media docena de miniguí­as), Google no tiene la gentileza de preguntar por su habilitación y hace que funcionen de forma predeterminada, lo que afecta a la mayorí­a de usuarios que no dispone del tiempo para documentarse. Así­ pues, he aquí­ la solución a algunos de sus más polémicos cambios:

1. Emails de cualquiera a través de Google+

Empezamos con el más reciente que tiene a muchos preocupados por la facilidad que tendrá cualquiera que visite nuestro perfil en Google+ para comunicarse ví­a email con nosotros. No le será mostrada nuestra dirección de email a menos que le respondamos y sus correos irán a la pestaña “Social” en Gmail a menos que estén en nuestros cí­rculos, pero lo preocupante es que aún sin estar en nuestros cí­rculos o en nuestros contactos podrán ocupar un lugar inmerecido en nuestra bandeja de entrada.

La funcionalidad se puede desactivar o limitar para Cualquier usuario de Google+, los Cí­rculos ampliados y los Cí­rculos. Para esto basta con ir a Gmail, pulsar en la rueda dentada de la parte superior derecha, ir a Configuración y en la pestaña General buscar la sección Enviar correo electrónico a través de Google+ donde estará el menú desplegable correspondiente. Restará dar clic en Guardar cambios.

1 emails cualquier google+

2. Historial de búsquedas en Google

Continúa leyendo «6 miniguí­as para resolver problemas de privacidad en Google y Google+»

Google Tips, consejos y tutoriales sobre los productos de Google

Una nueva herramienta ha lanzado el equipo de Google para todos los usuarios que utilicen sus productos y deseen conocer algunos tips para disfrutar de todo su potencial.

En Google Tips encontraremos a modo de tarjetas diferentes consejos y tutoriales que nos pueden ser de ayuda en determinado momento. Por ejemplo, cómo personalizar la interfaz de Gmail,  cómo subir videos a YouTube desde el móvil, cómo compartir calendarios, entre otros.

google tips

Cada una de las tarjetas tiene una mini guí­a para hacer un paso a paso y aprendernos el truco. Aunque por el momento no dispone de muchas opciones, podemos filtrar el contenido bajo diferentes criterios, como por ejemplo escogiendo uno de los 13 productos que se mencionan en la lista o pensando en aquellas aplicaciones que nos resultan útiles en diferentes situaciones.

Si alguno de los tips nos ha resultado interesante podemos compartirlo en las redes sociales o enviarlo por correo electrónico directamente desde la tarjeta. Y si queremos que se integre algún tema o inquietud que tengamos solo tenemos que sugerirlo completando la solicitud que encontraremos en la última tarjeta.

Por el momento, Google Tips está en inglés, y quizás en breve contemos con esta herramienta en nuestro idioma tal como sucede con todos los sitios ofrece Google dedicados a las buenas prácticas de sus productos.

Proyecto Clone Wars, para crear tu propia impresora 3D

Clone Wars

Quizás ya sepas que la impresión 3D esté llamado a ser una de las próximas revoluciones que veamos los usuarios, aunque quizás todaví­a lo veamos algo lejos para nuestra vida cotidiana, como ocurrió con otros aspectos que disfrutamos a dí­a de hoy y que en su dí­a nos sonase a ciencia ficción.

También sabrás que las impresoras 3D no son todaví­a asequibles al gran público, aunque si te quieres meter en este mundillo, y por qué no, montarte tu impresora 3D a precios más reducidos, ya puedes formar parte de Clone Wars, que se presenta como un grupo dentro de la comunidad RepRap, con la idea de traer toda la información posible en español para que los apasionados por esta nueva revolución tengan toda la información necesaria.

¿Qué información incluye? Pues mucha y variada, empezando por los tutoriales y preguntas frecuentes hasta por los lugares donde poder comprar en España piezas y otros accesorios para el montaje de las impresoras 3D. Según indica la propia página, el coste tí­pico de la impresora 3D se sitúa en torno a los 400 a 450 euros, presupuesto que se podrí­a reducir.

En caso de que te decidas, si ya tienes creada tu impresora 3D, podrás compartir toda la información con el resto de usuarios del grupo, donde además también podrás conocer sus propias impresoras 3D y toda la documentación aportada sobre las mismas. La existencia de un bazar de piezas responder a la necesidad de aquellas personas que no tienen acceso a otras impresoras 3D para poder crearlas, ya que las mismas pueden estar ya disponibles en algunas entidades y organizaciones que necesiten trabajar con ellas.

La lista de correo en los grupos de Google y el canal de IRC alojado en el servidor Freenode son las herramientas de comunicación que dispone este grupo, quien además aconsejan a las personas nuevas a mirar los contenidos del wiki para empezar a familiarizarse, leer la documentación en profundidad y registrarse en el mismo wiki con el fin estadí­stico e identificativo.