Contenido

CSS Spy, las CSS no podrán ocultarte nada

30 nov

+ 6

CSS Spy, es un editor de plantillas de estilos (CSS) en que que se puede visualizar en tiempo real los valores seleccionados en Internet Explorer y Mozilla, similar a CSSVista

original_bf5928008cdd73df.jpg

Te permite de forma rápida y sencilla editar todas propiedades soportadas por la especificación 1 y 2 de CSS, además de las extensiones (tan querías) de Microsoft, Mozilla y Opera.

Instalando un componente especial podrás ver el resultado en tiempo real, tanto en IE como en FF, una alegría para los desarrolladores web.

[Descargar]

¿Y si muere Microsoft?

30 nov

+ 14

Hoy hablando con Miguel Gisbert, un compañero del curro al que siempre tengo en cuenta a la hora de cambiar de diseño (Juan, no te pongas celoso :D), ha salido el tema de la muerte de Microsoft como empresa, realmente aunque muchos la pidan, deseen e incluso tengan sueños húmedos con la idea ¿está el mundo preparado para algo asi? ¿Que ocurriría a nivel económico? Y en Internet,¿que cambios veríamos?

Deja volar tu imaginación…

Frase #45

30 nov

+ 1

A veces la mente más sucia no es del que habla sino del que escucha

Tony Rodenas

Tutoriales de Javascript

30 nov

+ 2

El Javascript está cogiendo mucha fuerza en esta nueva etapa de Internet, y si estás metido en este mundillo es algo que deberías conocer y dominar. Con esta serie de tutoriales podrás empezar a entender este gran lenguaje.

jQuery MouseWheel Plugin, la rueda del ratón tambien controlada

29 nov

+ 0

Ahora le toca a jQuery disponer de un plugin para controlar el evento MouseWheel de nuestro ratón. Sin duda este evento cada vez está más implantado en la filosofía del navegante.

Prototype hasta en la sopa

29 nov

+ 1

No creo que lleguemos a tanto, pero casi. Via Ajaxian descubro una forma de expandir el objeto Event del framework Prototype añadiendolé funcionalidad a la rueda del ratón. De esta forma podemos observar tambien este tipo de evento y usarlo en nuestras aplicaciones junto con el resto de funcionalidades de Prototype.


<script type="text/javascript">
/*
 * Orginal: http://adomas.org/javascript-mouse-wheel/
 * prototype extension by "Frank Monnerjahn" <themonnie @gmail.com>
 */
Object.extend(Event, {
        wheel:function (event){
                var delta = 0;
                if (!event) event = window.event;
                if (event.wheelDelta) {
                        delta = event.wheelDelta/120;
                        if (window.opera) delta = -delta;
                } else if (event.detail) { delta = -event.detail/3;     }
                return Math.round(delta); //Safari Round
        }
});
/*
 * enf of extension
 */

var counterSite=0;
function handleSite(e) {
        counterSite +=  Event.wheel(e);
        $('delta').innerHTML = counterSite +'#'+ Event.wheel(e) + ": " + (Event.wheel(e) <0 ? 'down' : 'up' );
}

var counterDIV=0;
function handleDIV(e) {
        counterDIV +=   Event.wheel(e);
        $('divdelta').innerHTML = counterDIV +'#'+ Event.wheel(e) + ": " + (Event.wheel(e) <0 ? 'down' : 'up' );
}

</script>

 El modo de uso, continúa el mismo modo fácil e intuitivo de la librería.


Event.observe(document, "mousewheel", handleSite, false);
Event.observe(document, "DOMMouseScroll", handleSite, false); // Firefox
Event.observe($('divdelta'), "mousewheel", handleDIV, false);
Event.observe($('divdelta'), "DOMMouseScroll", handleDIV, false); // Firefox

¿Cansado de los bordes redondeados?

29 nov

+ 2

Si estás cansado de los bordes redondeados, tienes que cambiar. Con jQuery Corner podrás hacerlo. Se trata de un plugin con el que podrás definir los bordes que quieras incluir en tu aplicación. Hay una gran variedad esperando que alguien se atreva a usarlos.

Frase #44

29 nov

+ 4

On the third, look out for Otis Wright. Until then, keep your head up.

Lincoln Burrows (2×02)

Calendarios para web con jQuery

28 nov

+ 0

El uso de calendarios en nuestras aplicaciones es algo bastante usual, y por ello es una de las herramientas más interesantes para incluir en nuestras aplicaciones web. Ahora en forma de plugin para jQuery podemos disfrutar de un calendario muy práctico.

Text Grow, tus input al estilo del.icio.us con jQuery

28 nov

+ 3

Los que hayan usado alguna vez del.icio.us se habrán fijado en el <input></input> que tenemos para buscar por tags dentro de nuestro perfil, un <input></input> que crece a medida que vamos escribiendo sobre él. Ahora podemos conseguir el mismo efecto para nuestros <input></input> mediante Text Grow, una funcionalidad extra conseguida gracias a jQuery.

Modo de Uso

jQuery('input').textGrow({
               pad: 25, min_width: 25, max_width: 300
           });
  • pad: Se trata del padding del <input></input>
  • min_width: El tamaño mínimo que le asignamos a nuestro <input></input>
  • max_width: El tamaño máximo hasta donde va a crecer nuestro elemento.

Pero no hace falta que esto se especifique en el código Javascript, tambien podemos asignarlo mediante el uso del atributo style de nuestro <input></input>, indicando mediante CSS los valores de nuestro min-width y max-width.

<input type="text"
             style="min-width: 25px; max-width: 300px"
             name="s" />

 [Descargar][Ejemplo]