Desarrollo Web
Submit form con jquery
Un tip sencillo, fácil y rápido con jquery. Si tenemos un form: <form method=”post” action=”#” id=”mi-form”> <input type=”text” name=”loquesea” /> <a href=”#” class=”submit-form”>Enviar Formulario</a> </form> Para enviarlo, podemos usar: $(‘a.submit-form’).bind(‘click’,function(){ $(‘form#mi-form’).submit(); }); Esta es la forma de usar un andhor para enviar un formulario sin tener que usar un botón <input type=”submit” />. ¿Y por [...]
:even y :odd
Este es un tip sencillo pero a la vez fácil para dar estilos a una tabla, usando jQuery y un poco de CSS. El framework jQuery tiene dos selectores disponibles para poder estilizar tablas: :even y :odd. El primero hace match con los elementos ‘par’ (incluyendo el cero) en una lista de elementos (0, 2, [...]
Activar CodePress en WordPress
CodePress es un resaltador de código que vendría incluido en la versión de WordPress 2.8, sin embargo, fue deshabilitado por incompatibilidad (no tengo idea detallada de este punto). Mientras subía WordPress 3.0 a este servidor me di cuenta de que hay una carpeta completa de CodePress que se estaba subiendo así que busqué un poco [...]
jQuery Cycle: una manera más fácil de crear slides con jQuery
Si no te convencen los plugins scrollTo para crear slides con jQuery, otra opción muy buena es jQuery Cycle. Es mucho más fácil de implementar, solo necesitas una serie de elementos en un contenedor y el plugin se encarga de realizar el efecto. La desventaja es que no ofrece tanto control como scrollTo, pero si [...]
Desplazamiento con ScrollTo, LocalScroll y SerialScroll
En estas últimas semanas he estado trabajando con el plugin ScrollTo para jQuery, así como con sus “hijos” localScroll y serialScroll. Los tres proveen el efecto de ‘deslizamiento‘ al scroll de un elemento en una página web. De los tres, estoy usando un poco más localScroll. En este tutorial voy a explicar como realizar un [...]
Hacer un menú dropdown con jQuery
Existen cientos de tutoriales para realizar menús dropdown con jQuery. Sin embargo, el principal error, según mi humilde opinión, son complicados porque en dichos tutoriales ofrecen código CSS o JavaScript que da formato a los elementos y eso hace que la implementación del ejemplo sea un poco confusa. Así que ahí les va el mío, [...]
@font-face: incrustar tipografías en una página web
Incrustar una tipografía en una página web ha sido el santo grial de todo desarrollador web, desde la creación de las páginas web. Existen infinidad de técnicas en javascript, por ejemplo, para realizar el efecto de usar fuentes ‘extrañas’. Con la introducción de nuevas propiedades a la especificación de CSS3 y el desarrollo exponencial de [...]
Reemplazar imagen con jQuery (la forma simple)
Hay varias formas de hacer una galería usando JavaScript. Yo uso jQuery para hacer más interactiva una interfaz. Existen muchos plugins para dicha librería que te dan la funcionalidad requerida o que se ajustan visualmente a lo que buscas. Sin embargo, cuando el aspecto visual no es tan importante o busco una solución rápida y [...]
jQuery 1.4
El pasado 14 de Enero de 2010 se lanzó la nueva versión de jQuery: jQuery 1.4. La documentación de la Api de jQuery 1.4 ya está en línea, donde se pueden encontrar los cambios detallados. Sin embargo, en el post de lanzamiento, escrito por John Resig, explica algunas nuevas características. Empezando por el desempeño, se [...]