The Starter Kit, recursos de calidad seleccionados minuciosamente sobre diseño y desarrollo web para el día a día

The Starter Kit, un directorio con enlaces a recursos ultra high quality

Ya nos imaginábamos cuando Criterion anunció su Alt+F4 que el Sr. Sotoca no podía estar demasiado tiempo sin emponzoñar la web con otro proyectazo para todos los que nos dedicamos a hacer de nuestra profesión algo más que una fábrica de pasteles, y estamos en el constante reciclaje que este negocio te exige si quieres hacer las cosas bien.

Pues el tiempo nos ha dado la razón, y tampoco ha hecho falta esperar demasiado. The Starter Kit es un nuevo rincón al que habrá que tener muy vigilado, porque estamos totalmente convencidos que recogerá las mejores perlas en forma de enlaces hacia los mejores recursos (seleccionados con mucho mimo y cuidado, nos consta) tanto para diseñadores como para desarrolladores web.

Seguir leyendo…

VideoTraining 2012 con video2brain

Formación práctica y directa en formato videotraining

Seguimos con la tanda de autobombo… que esta semana va a tocar en forma de colaboraciones en formación, y es que en [Q] somos muy dados a aprovechar lo que aprendemos en nuestros proyectos para convertirlo en recursos formativos altamente prácticos.

Si ayer os anunciábamos en nuestra página de Facebook la primera de las múltiples colaboraciones que vamos a realizar durante el periodo 2012/2013 con el Centro de Enseñanza y Producción Audiovisual de Olloniego (CEPA Olloniego) que no es otra que el curso “Herramientas digitales para el trabajo periodístico”, hoy os presentamos unos cuantos de los últimos cursos que hemos tenido el placer de realizar para video2brain (si no conocéis esta empresa de videotraining, es que no habéis buscado videotraining en castellano :) ).

Seguir leyendo…

Importar ficheros SQL de gran tamaño en MySQL

Estos días habréis comprobado (si me seguís a en twitter) que hemos estado peleándonos con la importación de un fichero de dimensiones considerables en MySQL. Concretamente el fichero pesaba casi 600MB y contenía instrucciones SQL correspondientes a una tabla de una base de datos con más de 12 millones de registros… la realidad es que no habíamos lidiado con algo de estas dimensiones hasta la fecha, y menos aun para tener que importarla desde una BBDD que existía previamente.

Ante este reto tienes varias alternativas… la mayoría de ellas ideas que NO funcionan. Hemos pensado que contarlas por aquí puede ahorraros a alguno de vosotros las pruebas ;)

Seguir leyendo…

GreenSock Animation Platform (GSAP) v12, JavaScript version

JavaScript GreenSock Animation Platform (GSAP)

Desde hace ya bastante tiempo, el mundo de los estándares web está recibiendo magníficas aportaciones de muchos desarrolladores para simplificar y potenciar el uso de algunas de las características más interesantes de estas tecnologías.

Cada día son más los motores de físicas que se están portando a JavaScript, frameworks y herramientas de animación, para permitir subir un nivel más la interacción, animación y principalmente el desarrollo de juegos con estándares. En mi opinión, Flash sigue bastante por delante si se analiza el estado actual de ambos referentes en el campo de los videojuegos, pero quien va a decir que no le gustan algunos dulces que nos están llegando como CreateJS, Adobe Edge, o multitud ya de Game Engines.

En este post os presento los pasos básicos de uso de una herramienta que es un referente en el mundo “flashero” y que abraza a JavaScript con una versión para trabajar de la misma forma en dicho lenguaje. Si el día en el que descubrí las bondades de TweenLite (y posteriormente su hermano mayor TweenMax) fue grande, el día en el que GreenSock ha decidido sacar una versión para JavaScript seguramente será igual o más grande aun.

Seguir leyendo…

JsRender, JsViews como motor de templating para HTML5, jQuery y móviles

JavaScript templating en jQuery con JsRender y JsViews

Tal y como comentamos en un post anterior, el uso de un motor de templating en JavaScript, y más concretamente en jQuery, es una manera muy interesante de aislar la vista del modelo, y de poder generar posteriormente a partir de una plantilla el contenido a partir de los datos del modelo.

Si bien os hablábamos entonces de jQuery-tmpl como un motor válido para realizar estas tareas, dejábamos caer que este sistema ya no era el oficialmente “recomendado” por el equipo que hay detrás (en este caso y si no recuerdo mal jQuery UI), y que todo ese desarrollo se estaba migrando ahora a JsRender y JsView.

JsRender es un motor de templates basado completamente en Strings, sin dependencias del DOM o incluso de jQuery, pudiendo incluso correr en el servidor mediante node.js. JsRender es muy rápido, tanto que según su creador es aproximadamente 20 veces más veloz renderizando que su predecesor jQuery.tmpl…

Montado sobre JsRender, está JsViews, que básicamente amplía la funcionalidad de JsRender para pasar a un modelo de “vistas” que no son otra cosa que templates renderizados, permitiendo un anidamiento entre ellas, y por tanto una jeraraquía. Además JsViews, amplía la funcionalidad mediante data binding permitiendo que cambios en el modelo sean automáticamente adoptadas por las vistas dependientes… pero vamos a dejarnos de teoría y pasamos a un ejemplo sencillo…

Seguir leyendo…

Comunicación en aplicaciones modulares en AIR, parentSandboxBridge y childSandboxBridge

Comunicación en aplicaciones modulares en AIR: parentSandboxBridge y childSandboxBridge

En web es muy habitual que un SWF principal cargue SWFs externos desde un servidor, ya sea el mismo (donde no tendremos ningún problema) u otro diferente (donde aprece ya el interesante mundo de los sandbox de seguridad de flash). Si esto lo llevamos a una aplicación AIR, nos topamos con un extra que es el sandbox de la propia aplicación.

Una de las grandes caracterísiticas de flash es la capacidad de cargar películas que a su vez pueden funcionar como aplicaciones. Esta situación, además de común, nos permite estructurar las aplicaciones de forma modular y lograr una independencia interesante entre la base instalada, los contenidos y los datos que estos manejan. Extender aplicaciones al vuelo, o actualizarlas es una de las grandes virtudes que tendría este sistema.
Seguir leyendo…

#015 [Q] Tips: Timers responsables

La verdad que vamos hasta arriba de trabajo, pero cada viernes que pasa que no cumplo con el objetivo que me he marcado, me duele, asi que aprovecho cosas que salen en el día a día para tratar de trasladarlas al blog.

En Flash, a día de hoy y muy lamentablemente (y no os quiero contar en Flash Lite) no podemos llamar explícitamente al “garbage collector”, sino que lo que hacemos es tratar de marcar los elementos a borrar de memoria dejandolos libres de referencias (bien con un delete, con un null, etc.) De esta manera, si logramos que no queden referencias sobre los objetos que hemos marcado para el borrado, lograremos que cuando el GC haga su tarea, sean liberados de memoria.
Seguir leyendo…

Continuando con HTML5

Aquí os dejo la URL de un tutorial sacado de la web de smashing magazine de un desarrollo HTML5 y CSS3. Describe paso a paso el desarrollo de una página en este nuevo lenguaje. Un buen ejemplo del uso de las nuevas etiquetas que incorpora este lenguaje, así como nuevas propiedades de CSS3. Al final del tutorial hay una relación de artículos muy interesantes relativos a HTML5 para seguir profundizando en el tema :)

JQuery para principiantes

Aquí os dejo unos video tutoriales para todos aquellos que no sepais jQuery y que esteis interesados en aprender. Son 15 video tutoriales de una duración aproximada de 10 minutos cada uno donde enseña ejemplos prácticos de uso de jquery.

La pega es que está en inglés. Aunque se entiende muy bien. Es muy fácil seguir el hilo si se tiene un nivel medio de inglés. Espero que os sirva.

Recursos desarrollo de juegos en flash

Navengado por la web…. cosa que hago muy a menudo y que recomiendo, tanto si es una navegación orientada con un objetivo de búsqueda de información, como dejarse llevar de un link a otro, muchas veces de rebote acabas dando con sitios interesantes que de otra manera quizás google no te hubiera mostrado.

Así dí con éste portal totalmente orientado al desarrollo de juegos en flash, cosa que sabéis que nos encanta y que ya hemos perpetrado en unas cuantas ocasiones (siempre que nos dan oportunidad y nos dejan).

En él podrás encontrar recursos no solo a nivel de código, sino conceptuales y gráficos, como técnicas para diferentes efectos habituales en el desarrollo de juegos, animación de elementos o personajes, etc. Vamos que cubren unos cuantos áreas, y no viven solo de código, que también. Podrás encontrar consejos, inspiración y tutoriales entre otras cosas.

Recursito “pa la saca”, y como creo que no lo mencioné aquí antes, otro totalmente indispensable, rey por excelencia de este tipo de información para flash: GOTOANDPLAY con su arsenal de artículos super currados, de los creadores del buenísimo SmartFoxServer.

Y porque también nos gusta jugar… unos links pa echar unos vicios: