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 [...]

wikiUp es una librería en javascript que funciona junto a jQuery y permite mostrar en tooltips (ventanitas al mouseover) descripción de artículos de Wikipedia. Es fácil de utilizar y válida en HTML5. Para hacer que salga la información, el código es el siguiente: <data data-wiki=”Apple Inc.”>Apple</data> was founded by <data data-wiki=”Steve Jobs”>Steve Jobs</data>. Si bien trae la referencia de artículos en inglés por default, se le puede aclarar el idioma, como en el siguiente ejemplo: <data [...]

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, [...]

jBar es un pequeño plugin desarrollado con jQuery para la creación de menús desplegables, los mismos se ubican en la parte superior de la pantalla y se despliegan mediante la acción del usuario mostrando un bonito efecto. El plugin es sorprendentemente sencillo, apenas unas lineas de código son necesarias para crear este interactivo elemento. El plugin esta pensado para una fácil edición, en especial si hablamos desde el punto de vista estético ya que la mayoría [...]