Validación de tarjetas de crédito, códigos postales y otros en JavaScript

Os traemos un enlace a un plugin que solventa la validación de algunos datos complejos de una forma realmente sencilla. Además lo hace con compatibilidad con jQuery y Node, además del soporte para JavaScript standard.

isjs nos permite validar números de diferentes tipos de tarjetas de crédito, códigos postales de diferentes países, números de teléfono de diferentes países, coordenadas de geoposición y números de ISBN entre otros de una manera realmente sencilla.

TypeScript Succinctly, free eBook

Aquí os dejamos este eBook gratuito sobre TypeScript para conocer mejor una de las opciones más prometedoras en JavaScript cuando se desea programar en mejores condiciones que las que ofrece el lenguaje en su estado actual. Para quien quiera saber un poco más de qué es TypeScript y qué supone para los que venimos de lenguajes con una aproximación más OOP, también os dejamos el enlace a la web de TypeScript.

[Q] en Adobe Creative Days hablando de JavaScript, HTML5 y desarrollo móvil

Desarrollo de apps HTML5 y JavaScript en Adobe Creative Days, Barcelona

Últimamente estamos como motos y al viaje de la semana anterior a Barcelona para participar como ponentes en una de las sesiones del TurisTIC 2013 por nuestro proyecto Synctur, hemos de sumar nuestra participación en los Adobe Creative Days que se enmarcan dentro del Adobe Create Now World Tour. En nuestra línea de colaboración con Adobe desde BlocketPC (que por si no os habíais enterado cierra sus puertas), Marcos González participará junto con Raúl Jiménez en una sesión inspiracional a las 16.00 horas.

Como no podía ser de otra manera hablaremos de móviles, de aplicaciones y en este caso del buen uso de JavaScript y de otras posibilidades con HTML5 y CSS3 para hacer las cosas bien. Tenemos preparada una demo sencilla pero divertida que sin duda permitirá mostrar que hoy en día desarrollar con HTML5 y JavaScript para dispositivos no tiene por qué ser una mala elección a nivel técnico (obviamente y como siempre decimos, dependiendo de la tipología de la aplicación).

Así que si estáis por Barcelona el 7 de Junio, y os apetece participar del evento en el que habrá sesiones de todo tipo, además de información sobre Adobe Creative Cloud, es una buena oportunidad para empaparse de buena información de temas tan interesantes como digital publishing, video, movilidad, imagen, fotografía…

¡Nos vemos en Barcelona!

app-UI: componentes para el desarrollo de apps con HTML5

Hoy os traemos el enlace a una librería de componentes reusables que pueden venir muy bien en el desarrollo de apps para dispositivos, ya que se trata de componentes de vista para mostrar la información. Los componentes están enteramente creados con HTML, CSS y Javascript, empleando propiedades CSS3 para las transiciones y siendo necesario mencionar que tiene dependencia de jQuery como librería base sobre la que trabaja.

Seguir leyendo…

FPSmeter

Hoy os traemos una utilidad muy interesante para todos los que le metemos mano al desarrollo de juegos o aplicaciones que hacen procesos intensivos… se trata de un medidor de FPS que además de ser muy fácil de integrar, chulo y bonito, permite tunearlo visualmente.

Entre algunas de sus funciones más destacadas están el permitir múltiples instancias, permite medir frames por segundo, milisegundos entre frames o tiempo en renderizar 1 frame y está soportado en todos los navegadores modernos además de IE7+.

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…

#21 [Q] JS Tip: reseteando el valor de un select con jQuery

Si deseamos resetear el valor de un select con jQuery, y tenemos la buena costumbre de poner como primer “option” el valor que sale por defecto, una manera muy sencilla de lograr el reset sería:

$('#mi_select').val($('#mi_select > option:first').val());

Y para no recorrer el DOM 2 veces en busca del mismo elemento, esta optimiación de regalo:

var $miSelect = $('#mi_select');
$miSelect.val($miSelect.children('option:first').val());
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…

Web APASA, Diseño y Desarrollo web por [Q] interactiva

Diseño y desarrollo web APASA

Hoy os queremos presentar la web de APASA, una web que siempre nos ha gustado mucho en el estudio, resultado de un cliente que se centró en el contenido y nos dio su confianza plena para darle la forma adecuada.

Puedes conocer el proyecto más a fondo en la entrada de nuestro portfolio, y como siempre dejarnos aquí tus comentarios :)

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…