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.

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…

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());
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…

Noty, plugin de jQuery para notificaciones

Os dejamos una referencia a noty, un pequeño plugin de jQuery para poder gestionar de forma sencilla las notificaciones en tus desarrollos web. Soporta unas cuantas opciones de configuración y la posibilidad de “tunear” el tema base. Ya no podréis decir que os da pereza sacar este tipo de mensajes en vuestros proyectos.