Cristalab |
- Crear un preloader con Canvas y CreateJS
- Fotos y detalles de Project Glass desde el Google IO 2012
- En vivo desde el Google IO 2012: Día 1
- Insertar Google Maps en tu web es fácil con Gmaps.js
- Animaciones prediseñadas en After Effects
- Protocolos dinámicos Rip en Redes
- Tutorial de Visual Basic .NET
Crear un preloader con Canvas y CreateJS Posted: 27 Jun 2012 08:13 AM PDT CreateJS es una librería en Javascript en extremo poderosa, no por cualquier cosa Adobe basó en ella uno de los lazos que mantiene a flote a Flash, la exportación a Canvas. Sin embargo, como una opinión muy personal, la documentación no es tan buena. Ahí está todo pero faltan ejemplos, tutoriales, etc. El día de hoy, utilizaremos esta librería para crear Preloaders, le sumaremos Canvas y algo de la regla de tres que nos enseñaron en la primaria/secundaria para crear un preloader personalizado. ¿Qué aprenderás? Aprenderás a manipular los arcos de Canvas, para que este método deje sólo de servir para crear círculos, y además veremos algunos de los principales métodos de CreateJS en su apartado, como mencionaba, para preloaders. Este es el ejemplo funcionando y este el código en Github. |
Fotos y detalles de Project Glass desde el Google IO 2012 Posted: 27 Jun 2012 07:33 AM PDT El mega proyecto de realidad aumentada y computación humana de Google y Sergey Brin: Project Glass, fue demostrado hoy en el Google IO 2012. Y oh por dios, cómo fue presentado. Sergey Brin interrumpió al Vicepresidente Vic Gundotra mientras mostraba Google+ en Nexus 7, en un instante donde toda la audiencia estalló en ovaciones y gritos. Anunció que su equipo se lanzaría desde un dirigible y BAM!. Un equipo de paracaidistas cayó desde un Zeppelin, aterrizó encima de un edificio cerca al Moscone West, saltaron entre los techos con bicicletas, rappelearon con cuerdas por el frente del edificio y entraron con las mismas bicicletas al Moscone West Center, donde todos estabamos sentados. Todo mientras transmitían en tiempo real video desde el aire hasta la entrada. Increíble. Aquí las fotos y el video de reacción final. Por favor dejanos tus comentarios de qué opinas de Project Glass. Apenas tengamos más datos los avisaremos. ¡Y las podremos comprar los asistentes! Más fotos en mi cuenta de L4C. |
En vivo desde el Google IO 2012: Día 1 Posted: 27 Jun 2012 04:44 AM PDT Hoy inicia el Google IO 2012, el evento más importante de Google. Esperamos anuncios de una nueva tablet fabricada por Google, la siguiente versión de Android (JellyBean 4.1), un sistema de almacenamiento en cloud de Google que compite con Amazon y Microsoft, entre otros anuncios. Si quieres seguir los updates en tiempo real, deberías seguir en Twitter a @freddier y a @cristalab Fotos del Keynote (de la más reciente a la más vieja)Google+ Events ¿Vienes? Vic Gundotra mostrando Google+ for tablets El pastel de cumpleaños de Google+ Una mejor foto del Nexus Q en el escenario de Google IO 2012 Una foto cercana de la pokebola Nexus Q en el stage de Google IO 2012 Lo de la derecha es el holograma 3D de Androids volando en el IO 2012 Primeras fotos del Nexus 7 de Google. El ecosistema Google Play Estadísticas detalladas de ventas en Google Play Acercamiento a los robots de Google IO 2012 que el presentador tiene. La cantidad masiva de personas es impresionante. En la tarde, haremos un programa en vivo desde Mejorando.la. No te los pierdas. |
Insertar Google Maps en tu web es fácil con Gmaps.js Posted: 02 Jun 2012 06:24 AM PDT El API de Google Maps es muy completo. Permite desde incluir mapas en tu sitio web hasta geolocalización HTML5, poligonos, rutas, etc. El problema es su complejidad. Google Maps API v3 está inspirado en Java, mientras que Javascript es más conocido por su estilo idiomático, simple y directo. La complejidad también hace que personas no tan expertas en programación prefieran insertarlo como iframe (ugh) y simplemente no aprender mapas. HPNeo y Yaraher de Xenda liberaron hoy Gmaps.js, un proyecto que apunta a reimplementar todo el poder del API de Google Maps con la simpleza de jQuery y Javascript. Insertar un mapa simple con Gmaps.jsCreas en tu HTML algún div con el tamaño del mapa que quieres, llamalo "pony", luego en el header insertas jQuery, el API de Maps y Gmaps.js: Código : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script> Y por último, el código del mapa Código : $(document).ready(function(){ map = new GMaps({ div: '#pony', lat: -12.043333, lng: -77.028333 }); }); Y ya está. Por defecto el zoom es de 15, pero puedes cambiarlo agregando "zoom" a los parámetros iniciales. Los ejemplos de lo que puedes hacer son muchisimos. Polígonos, rutas estilo GPS, eventos del mapa entre muchos otros. Uno básico es agregar markers al mapa. Al código de arriba le agregamos esto y ya está: Código : map.addMarker({ lat: -12.043333, lng: -77.028333, title: 'Lima', click: function(e) { alert('You clicked in this marker'); } }); Nota para Gmaps.js ¿Podrían mejorar su sitio web por favor?Entiendo que lanzar es importante, que la velocidad es clave y que querían ser publicos ya, pero hay un par de arreglos super sencillos y hasta obvios que aumentarían increiblemente la cantidad de personas que pueden impactar.
Eso es todo, un excelente proyecto. Puedes seguirlo en Github para enterarte de todos los cambios. Felicidades a [url=https://twitter.com/#!/yaraher]Yaraher[/url] y a [url=https://twitter.com/#!/hpneo]HPNeo[/url]. |
Animaciones prediseñadas en After Effects Posted: 01 Jun 2012 06:08 AM PDT A pesar de usar habitualmente los keyframes para generar animaciones, After Effects pone en nuestras manos muchos otros métodos, como las expresiones, que revisaremos más adelante, y los modificadores prediseñados, donde se incluye la asignación de ciclos específicos aleatorios y ondulados, que nos permitirán obtener composiciones interesantes de manera sencilla. Para el ejercicio usaremos el efecto fractal, ajustado con un filtro de desenfoque para el fondo. Posteriormente añadiremos un texto de base con múltiples generadores de animación para posicionar el texto en ondas, que ajustaremos con las opciones, por el entorno tridimensional. Saludos. |
Protocolos dinámicos Rip en Redes Posted: 31 May 2012 03:02 AM PDT En los anteriores videotutoriales de Redes hicimos uso del comando Debug, revisando cambios internos en los dispositivos. Ahora comprobaremos cómo también ofrece funcionalidades sobre la información transferida por los protocolos dinámicos, como Rip, permitiéndonos comprobar su funcionamiento y detectar posibles errores. Para ello usaremos Packet Tracert, implementando la depuración en un dispositivo y testeando los procesos que lleva a cabo y los datos usados, repasando los elementos mostrados y ver cómo afectan al proceso de enrutamiento por los dispositivos que participan en el intercambio Rip. Saludos. |
Posted: 31 Aug 2009 05:00 PM PDT |
You are subscribed to email updates from Cristalab To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
No hay comentarios:
Publicar un comentario