Archivo para August, 2013

extractCSS, extrae el CSS de cualquier documento HTML

extractCSS

Navegando la Web me encuentro este interesante proyecto llamado “extractCSS“, el cual nos permite extraer los ids, las clases y los estilos inline de un documento HTML, como salida obtendemos una hoja de estilos CSS.

Para obtener el CSS de un documento HTML , solo debemos escribir o copiar y pegar el documento HTML, y seleccionar lo que queremos extraer teniendo como opciones los ids, las clases, los estilos inline y sus hijos.

El proyecto es de código abierto y los podremos descargar desde github, y así podremos ver como esta desarrollado y tal ves realizar mejoras o adaptarlo a sus necesidades.

Ideal para la separación de HTML y CSS, pero tal ves se te ocurre ideas también útiles para su uso. ¿Tienes alguna? compártela.

Enlace:
extractCSS (Sitio oficial)
Descarga el código (github)

Observa las auroras boreales en directo por Internet

aurora-boreal

Sin duda que las auroras boreales son uno de los espectáculos naturales más maravillosos, y muchas veces nos encontramos lejos de los lugares donde se pueden observar. Ahora gracias a la tecnología y a un grupo científico-cultural “Shelios”, que ha organizado una expedición al Sur de Groenlandia, desde donde se observarán las auroras boreales que esta ves coinciden con un aumento en la actividad solar, que no se repetía desde el 2012.

Se realizará una transmisión diaria, siempre que las condiciones meteorológicas lo permitan entre el 24 y 29 de Agosto, entre las 19:30 y 20:30 de Colombia, Perú y México, 21:30 y 22:30 de Argentina, 2:30 y 3:30 de España, aun que este horario puede variar de acuerdo a las condiciones climáticas.

La transmisión se llevará a cabo en directo mediante una cámara a blanco y negro que apunta al cielo para ver el movimiento de la aurora boreal, y se podrá ver en live.gloria-project.eu y sky-live.tv.

Enlace:
Aurora Borealis está de vuelta – transmisión en directo desde Groenlandia (GLORIA project)

Tessel, plataforma de hardware programable con Javascript

tessel

Tessel” es una placa electrónica con un microcontrolador programable tipo Arduino creado por Jon McKay, Jia Huang, y Tim Ryan, con la diferencia en que su entorno de desarrollo es el lenguaje Javascript.

Desarrollar proyectos en Tessel será relativamente sencillo si sabes Javascript, además podremos hacer uso de módulos externos, extendiendo así sus capacidades, su conexión con dichos módulos es plug and play y la instalación de las librería necesarias para su funcionamiento, es tan sencillo como “npm install“. Dentro de los módulos con que contará podremos ver acelerometro, lector de micro SD, RFID, audio, servos, relés y sensores de temperatura y humedad. También cabe destacar que viene con wi-fi pre construido, es decir que para poner nuestro código dentro de Tessel lo podremos hacer vía wi-fi o también por medio de USB.

Tessel corre directamente Javascript sin la necesidad de un servidor, así que podremos usar nuestras propias librerías o librerías externas como (node.js) para nuestros proyectos, justo como si estuviésemos desarrollando una Web, también promete actualizaciones de firmware tan sencillo como “tessel push“.

En cuanto a las aplicaciones móviles, Tessel no cuenta con una pantalla, pues casi siempre tenemos una en nuestros bolsillos. Podremos tener control de todas las salidas de Tessel directamente desde nuestras aplicaciones iOS o Android. Contamos con una interface por defecto para nuestras funciones o podremos crea una propia usando HTML/CSS. Tessel se podrá conectar a wi-fi sin necesidad de poner los detallas directamente en el código, estos se enviarán desde nuestro smarthphone.

Una interesante característica es que los desarrollos y librerías creadas para Arduino los podremos correr en Tessel.

Además contamos con ejemplos para el uso de servos, proximidad, node,js, entre otros, los cuales podremos usar en Tessel, y los podremos descargar desde GitHub.

Especificaciones

  • Procesador ARM Cortex-M3 LPC1830 a 180Mhz
  • 32MB de SDRAM
  • 32MB Flash
  • TI CC3000 Wifi Radio
  • 16 pins de entrada y salida para los prototipos
  • Alimentación por medio de batería o micro USB

Sin duda una placa para desarrollo bastante interesante y que de seguro compraré, aunque de precio aun no se habla, actualmente dice que su lanzamiento será pronto y en su sitio Web podremos inscribirnos para recibir una notificación cuando este disponible.

Enlace:
Tessel (sitio oficial Technical Machine)

Meta, las gafas de realidad aumentada que hará lo que no puede las Google Glass

Con la llegada de las Google Glass, muchos nos hemos preguntado que se puede hacer con estas gafas, una de las cuestiones era si podíamos hacer uso de la Realidad aumentada o tal ves tener interfaces como la famosa Minority Report, la respuesta a estas preguntas es “No”.

Ahora un proyecto llamado “Meta” apunta a realizar estas labores. La startup Meta esta desarrollando unas gafas de realidad aumentada que hacen uso de momento de un computador, también podría ser un smarthphone, para el procesamiento de los datos. Básicamente son unas gafas con lentes translucientes con una superficie reflectiva, que permite ver imágenes en el campo visual gracias a dos pequeños proyectores situados en cada pata de las gafas. Hace uso de un par de pequeñas cámaras infrarrojas RGB que extraen las imágenes a un marco.

Actualmente están en la etapa de desarrollo, por lo que aun tiene detalles por mejorar, dicen la gente que han podido acceder a probarlas, en cuanto a la realidad aumentada aun falta ajustar detalles para presentar correctamente las imágenes dentro del marcador, por el lado de los gestos cuentan con buena precisión y hacen creer al cerebro que estamos frente a un objeto real y no virtual, el objetivo es llegar a modelar objetos 3D con esta tecnología y enviarlos directamente a una impresora 3D.

Los que las han probado sin duda se han quedado impresionados, y por su lado su creador dice que Google Glass es un accesorio para el celular, mientras META reemplaza esto.

En cuanto a su creador “Meron Gribetz” es un joven de 27 años,  graduado en neurociencias que creció en Israel, y guarda similitudes con Jobs como es su amplia visión en las ideas.

Las gafas que actualmente se están ofreciendo, probablemente cambien con respecto de una versión comercial, ya que se podría decir que su primera versión la META.01 esta enfocada a los desarrolladores, con un valor de US $667, comenzaran a hacer envíos a partir de noviembre. Meta debuto en con una campaña en Kickstater recaudando más del doble de los planeado US $100.000, y en la campaña prometían enviar las gafas, a partir de este mes a las personas que los apoyaron. Actualmente las META.01 están disponibles para compra en su sitio Web y estas comenzarán a ser enviadas en noviembre.

Enlace:
Meta, The Crazy AR Glasses That Aim To Do What Google Glass Can’t, Go Up For Pre-Order (vía Techcrunch)

EasyHTML5Video, convierte tus vídeos a HTML5

easyhtml5video

Navegando la Web me encuentro este interesante programa, que nos puede ser de gran utilidad en estos tiempos, se trata de “EasyHTML5Video“, el cual nos permite convertir cualquiera de nuestros vídeos a HTML5, para poder mostrarlos fácilmente en nuestros sitios Web.

Lo usual para crear y distribuir vídeos en HTML 5 es:

Conseguir un convertidor y obtener diferentes versiones del vídeo como es MP4, OGG, WebM. Después para tener compatibilidad con navegadores viejos e Internet Explorer tomas uso de Flash, además creas una imagen para presentar el vídeo y por último tienes que poner unas lineas de código para que todo esto funcione.

Lo anterior resulta un poco complicado y es lo que comúnmente hacemos, con “EasyHTML5Video” nos olvidamos por completo de esto ya que en solo tres sencillos pasos lo podremos lograr.

1. Arrastramos y soltamos nuestro vídeo a EasyHTML5Video.
2. Fijamos la imagen de presentación del vídeo y seleccionamos los codecs.
3. Clic en “Start” (Iniciar).

Y como resultado tendremos una página en HTML con todo el código necesario, imágenes y vídeos.

Sin duda es un excelente programa que nos ahorra mucho tiempo, es gratuito para uso no comercial, si lo requieres para este uso, puedes tomar una de las versiones comerciales, US $49 para un sitio Web o US $69 para sitios Web ilimitados. Cabe destacar que la versión no comercial incluye una marca de agua de EasyHTML5Video y se puede usar en cantidad ilimitada de sitios Web no comerciales. El programa esta disponible para Windows y Mac.

Enlace:
EasyHTML5Video (sitio oficial)

Novedades del nuevo WordPress 3.6

wordpress3-6

Para los amantes de WordPress recientemente fue lanzado la nueva versión de WordPress la 3.6, conocida como Oscar y realmente cuenta con interesantes novedades.

Ahora tiene HTML5 en su corazón, así para incrustar un vídeo o audio, basta ingresar solo con escribir la URL del vídeo o el audio, y siempre que estos usen un codec compatible se verán con un reproductor de vídeo y audio en HTML5, compatible en todos los navegadores, además para los desarrolladores es necesario saber que se usa semántica en los formularios de comentarios y búsqueda.

Nuevo tema Twenty-Thirteen, este tema que hace parte de la nueva versión de WordPress es un tema adaptativo “responsive“, de una sola columna y que nos permite mostrar nuestros artículos de forma simple y elegante en cualquier dispositivo.

Sistema de auto guardado, incluye mejoras permitiendo auto guardado a nivel servidor y a nivel local, WordPress guardará cada 15 segundos lo que se va escribiendo, para evitar perdidas de contenido, para esto se hace uso de la API HeartBeat. Además incluye un interesante sistema de bloqueo de artículos para evitar que otros usuarios editen la entrada permitiendo trabajar mejor en temas colaborativos.

Sistema de versión, incluye mejoras en el sistema de versión así podremos acceder desde una interfase amigable a las diferentes versiones de nuestros artículos.

El menú, ahora es más simple la implementación de menús en nuestros sitios.

Librerías externas, es un tema que toca más es a los desarrolladores, pero cabe destacar que algunas de estas librerías fueron actualizadas a sus versiones más recientes como es el caso de jQuery UI 1.10.3, Backbone 1.0.0, MediaElements 2.11.1, Iris 1.0.3.

Para su actualización basta con un simple clic en actualizar a la última versión, desde el panel administrativo de nuestra instalación, pero algo importante es hacer un backup de nuestra base de datos y por que no de los archivos actuales de wordpress, solo por si algo no sale bien.

Enlace:
Version 3.6 (vía codex)

Hal Lasko, el hombre de 97 años que hace obras con Microsoft Paint para Windows 95

obras-hal-lasko

Hal Lasko” es sin duda un ser humano cuando menos extraordinario; y es que este diseñador gráfico de profesión, toma provecho a sus 97 años de edad, de una herramienta para muchos en el olvido “Paint para Windows 95” y realiza verdaderas obras de arte que han sido expuestas, la técnica ha sido descrita como “Colisión de puntillismo y arte de 8-bits”.

Cabe destacar que el señor Lasko dedica más de 10 horas por día, para hacer las obras que vemos en las imágenes, sin duda impresionantes ya que Hal Lasko es parcialmente ciego.

El señor Lasko trabajó elaborando mapas para los bombardeos durante la segunda guerra mundial, después se convirtio en topografo y luego vino su posterior retiro en los 70s. Ahora sus obras son expuestas, así como también pueden ser adquiridas para imprimir en línea.

Después del salto puedes ver otra imagen y un vídeo de este gran artista.

Leer el resto de la entrada »