15/05/2009 a las 05:12 por Shox
He encontrado un magnífico compresor de Javascript online, que realiza diferentes modos de compresión con diferentes librerías, para que podamos ver cual nos conviene más para nuestro proyecto.
Las posibles opciones son: JSMin, Dojo ShrinkSafe, YUI Compressor, Packer y gzip.
Además ofrece unas gráficas mostrando cuales son los ratios de compresión en cada caso, o cuanto tiempo ha tardado la compresión
Compresor Rater
19/10/2008 a las 08:00 por Shox
Desde mis inicios en jQuery, había visitado la web visualjquery como página de consulta y referencia para documentarme. Desde hace ya muchas versiones quedó inalterable a las nuevas funcionalidades que iban apareciendo, y tenia que visitar la no-tan-clara página de referencia oficial de jQuery.
Parece que por fin se han actualizado con las nuevas funcionalidades (versión 1.2.6) y ademas incluye un buscador instantaneo que por lo poco que he utilizado va genial.
VisualjQuery
16/10/2008 a las 11:23 por Shox
Hoy me he topado con una manera muy cool de hacer debugging en JavaScript sin necesidad del molesto alert().
Yo siempre habia utilizado la función de Firebug console.log(), e incluso si quería hacer debug de PHP, la extensión FirePHP, que aunque falle mucho, es muy interesante. Pero el problema que es sólo para Firefox, hace que la opción de Blackbird gane enteros.
Como podeis ver en la imagen (y si vais al sitio hay una demo expléndida) consta de una ventana translúcida en la esquina superior izquierda de la pantalla donde va apareciendo todo el log que lleve el código. Además la manera de utilizarlo es muy cómoda:
JavaScript:
-
log.debug( 'Mensaje de debug' );
-
log.info( 'Mensaje de informacion' );
-
log.warn( 'Mensaje de warning' );
-
log.error( 'Mensaje de error' );
Por ponerle una pega, la ventana de log no puede cambiarse de sitio, con lo que a veces puede llegar a ser incómoda, pero el filtrado de tipo de mensaje es muy potente.
Blackbird
02/08/2008 a las 06:12 por Shox
La nueva versión de Firebug Lite, 1.2, ha añadido a su funcionalidad de sólo como uso de consola de debug JavaScript, y ahora se comporta de una manera más parecida a la de su hermano mayor. Ahora es capaz de inspeccionar el DOM, hacer track de los XHRs, y navegar por el HTML, CSS y JavaScript.
Por fin una versión que será muy útil a los desarrolladores web, para superar la dificil tarea de programar en Internet Explorer. Funciona en todos los navegadores, como Safari y Opera.
Para instalarla en cualquier página web sólo tienes que poner el siguiente código:
HTML:
-
<script type='text/javascript'src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
Firebug Lite
Vía: No al IE6 - Navegadores web
Categorías:
AJAX,
Debug,
JavaScript
Tags:
AJAX,
Debug,
DOM,
firebug,
firebug lite,
HTML,
Internet Explorer,
JavaScript,
Opera,
Safari Comentarios:
1324 comentarios »
29/06/2008 a las 07:28 por Shox
jQuery es un framework de JavaScript para facilitar, entre otros, el acceso a los elementos del DOM, los efectos y sobretodo las llamadas en AJAX. jQuery podría ser otro framework más como script.aculo.us, MooTools, YUI pero en cambio disponemos una gran potencia con una facilidad mucho mayor que sus competidores.
Primero de todo deberemos de incluir la libreria en nuestra web: por ejemplo
HTML:
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
Primero de todo vamos a seleccionar un elemento de nuestro HTML, y por ejemplo, esconderlo. Utilizaremos la función hide() que, efectivamente, esconde dicho elemento html, pero ahora nos fijaremos más en como acceder al árbol DOM de HTML.
JavaScript:
-
$("p").hide(); // Escondemos todas las p de nuestra web
-
-
$("#item").hide(); // Escondemos el elemento con id="item"
-
-
$(".miClase").hide(); // Escondemos los elementos con class="miClase"
-
-
$("p span").hide(); // Escondemos únicamente todos los span que haya dentro de los p
-
-
$("p span.miClase").hide(); // Escondemos los span con class="miClase" que haya dentro de p
-
-
$("p span#item").hide(); // Escondemos el span con id="item" que hay dentro de p
-
-
$("p > span").hide(); // Esconde los span que son hijos directos de p
-
-
$("p+div").hide(); //Esconde todos los div que esten precedidos de un p
-
-
$("p~div").hide(); //Esconde todo los div que hayan sido precedido por p
-
-
$("input[type=radio]").hide(); // Esconde todos los inputs que sean del tipo radio
-
-
$("a[href^=http://]").hide(); // Esconde todos los links que su href empiece por http://
-
-
$("a[href$=.com]").hide(); // Esconde todo los links que su href acabe por .com
-
-
$("a[href*=www]").hide(); // Esconde todo los links que en su href aparezca "www"
Como podemos ver, jQuery siempre (o casi siempre, ya lo veremos más adelante) actua sobre elementos de HTML, seleccionandolos en lo que llamaremos selector, y le aplicaremos funciones:
$(selector).funcion();
Ya veremos más adelantes que la selección de elementos del DOM es más potente aun, y que las funcionalidades, a parte de que se pueden unir, son casi infinitas.
jQuery