logo fondo principal menu
ver barra
Menú rápido

Obtener noticias

Noticias bajo: jQuery

Glimmer genera efectos jQuery sin tener conocimientos de código

Glimmer te permite crear interactivamente y fácilmente elementos en tus páginas web utilizando jQuery sin tener que escribir a mano tu código. Puedes utilizar sus asistentes para generar los scripts jQuery más utilizados en escenarios comunes. Además, también tiene un modo avanzado mediante el cual puedes crear efectos jQuery en tus HTML y CSS.

Entre sus asistentes tienes foto galerías rotatorias, listas de navegación, efectos hover o animaciones personalizadas.

glimmer Glimmer genera efectos jQuery sin tener conocimientos de código 

Prueba Glimmer.

Impresionante efecto hover para miniaturas

Encuentro en el blog de Sohtanaka un tutorial sencillísimo para crear un espectacular efecto hover para thumbnails. Un ejemplo de como lograr efectos Flash simplemente con CSS y jQuery.

efecto hover Impresionante efecto hover para miniaturas 

Puedes ver una demo del efecto AQUÍ.
Leer el artículo Fancy Thumbnail Hover Effect w/ jQuery.

20 maneras de crear ventanas modales

demo ventanal modal 300x192 20 maneras de crear ventanas modales

Artículo con diferentes recursos JavaScript para crear ventanas modales y cajas de diálogo flotantes. Este recurso está siendo cada vez mas utilizado por su funcionalidad, posibilita mostrar y obtener una información sin tener que recargar la página.

+20 recursos para crear ventanas modales

fontAvailable: comprobar que una fuente está disponible

Simple y funcional jQuery plugin que chequea si una fuente de texto está disponible para el navegador cliente.

/* fontAvailable jQuery Plugin, v1.0
*
* Copyright (c) 2009, Howard Rauscher
* Licensed under the MIT License
*/
(function($) {
$.fontAvailable = function(fontName) {
var element, width;
// prepare element, and append to DOM
element = $(document.createElement('span'))
.css('visibility', 'hidden')
.html('abcdefghijklmnopqrstuvwxyz')
.appendTo(document.body);
// get the width of element after applying a fake font
width = element
.css('font-family', '__FAKEFONT__')
.width();
element.css('font-family', fontName);
return (width !== element.width());
}
})(jQuery);[/JavaScript]
Modo de uso:[JavaScript]$(document).ready(function() {
if($.fontAvailable('tahoma')) {
// analytic code here
}
});

jQuery fontavailable en google code.

Recopilación de recopilaciones, recursos para desarrolladores

Una recopilación de links con recopilaciones temáticas, todas ellas con multitud de recursos para diseñadores web.