Xtreme News & Web Design

Parsey.js es una muy completa biblioteca JavaScript para pura y exclusivamente validar formularios, de forma sencilla y rápida. Este proyecto combina la potencia de JavaScript para realizar verificaciones, permitiendo vincular sus funcionalidades con las de los frameworks más conocidos, como por ejemplo jQuery o Zepto. Otro detalle interesante de este proyecto para validar formularios, es que permite utilizar estructuras HTML perfectamente validas, en muchas oportunidades vamos a ver que para indicarle el tipo de dato a [...]

Say cheese! es una estupenda biblioteca JavaScript para que podamos utilizar la webcam en nuestros proyectos web. Por medio de unas pocas lineas de código podemos brindarle la posibilidad a nuestros usuario de integrar la webcam para realizar capturas de manera sencilla. Un ejemplo de uso seria el que un usuario pueda tomarse una fotografía para colocar en el perfil de nuestra aplicación, esto sin una librería sencilla no seria tan fácil como lo es ahora [...]

jquery.dynatree.js es un plugin jQuery para la creación de estructuras del tipo árbol, muy similar a la de un directorio, de una manera rápida y eficiente. Las estructuras se pueden crear de distintas maneras, probablemente la más eficiente sea por medio de JSON, esto más que nada es practico de cara a la construcción y comunicación de JavaScript con algún lenguaje del lado del servidor como puede ser PHP. Ejemplo de uso: JavaScript: $(function(){ // Variant [...]

Turn.js es una biblioteca JavaScript que aprovecha las grandes ventajas de HTML5 para la creación dinámica de libros virtuales. Otros puntos interesantes: Funciona en iPhone e iPad. API de fácil implementación. Permite cargar las paginas de forma dinámica por medio de llamadas AJAX. Este punto es importantísimo. Animaciones generadas con CSS3 y HTML5. Dos efectos distintos para las transiciones. Funciona en navegadores más antiguos utilizando una pequeña biblioteca adicional. Cómo crear un libro virtual <div id=”flipbook”> [...]

A veces nos vemos en la necesidad de mostrar o ocultar elementos ya sea divs/inputs/forms etc. Cuando tenemos un checkbox en un formulario y queremos que cuando se le de click mostrar mas elementos del form. Esto nos ayudara para llevar eso acabo. Para eso usaremos JQuery. $(document).ready(function(){ $(“#extra”).css(“display”,”none”); $(“#checkme”).click(function(){ if ($(“#checkme”).is(“:checked”)) { $(“#extra”).show(“fast”); } else { $(“#extra”).hide(“fast”); } }); }); Espero les sirva este snippet

Grid-A-Licious es un plugin jQuery para la creación automática de una estructura de grillas flexibles, es decir, que se ajustan a la pantalla del visitante, independientemente del dispositivo que se utilice. El autor de este fantástico plugin lanzo la primera versión en el año 2008, y en esta oportunidad comenta que el plugin fue reescrito en su totalidad para lograr una extraordinaria compatibilidad con prácticamente cualquier dispositivo, ya sea una computadora de escritorio, un teléfono móvil, [...]

Pikaday es un sencillo selector de fechas (datapicker) que funciona solo con JavaScript puro, es decir, sin la necesidad de utilizar ningún framework como por ejemplo jQuery. PikaDay tiene como principal ventaja, ademas de solo requerir JavaScript, su ultra liviano peso, apenas unos 5kb en su versión simplificada y comprimida utilizando gzip. Ademas es muy sencillo de personalizar su aspecto visual, para ello simplemente modificamos algunas propiedades y valores CSS y problema solucionado. Ejemplo de uso HTML: [...]