Contenido

WP JS, Javascript comprimido con WordPress

12 jun

+ 2

Vía Twitter, @jeroguidi me muestr WP JS, un plugin para WordPress que nos promete comprimir nuestros ficheros JS automáticamente para hacer que estos carguen más rápido y en menos tiempo.

wp-js---graph
(Ver Imagen)

La idea es muy sencilla, únicamente debemos definir que ficheros han de comprimirse y él se encarga de comprimir el resultado. Despues en nuestro theme deberemos usar la función wp_js() para llamar a los ficheros JS donde queramos que estos sean cargados.

<script src="<?php wp_js('/javascript/sifr-addons.js,/javascript/sifr.js') ?>" type="text/javascript" charset="utf-8"></script>

¿Sencillo no? Y además en mucho casos, expectacularmente práctico.

8 innovaciones de los navegadores gracias a Opera

12 jun

+ 21

El otro día nos preguntábamos por que Opera, pese a ser uno de los navegadores más innovadores disponibles era tan poco usado. Al parecer la gente de Geek Technica se pregunta lo mismo y además recuerda 8 de las novedades que Opera introdujo en el mundo de los navegadores web.

  1. SpeedDial: El marcado rápido de los marcadores. Hasta 9 páginas a las que podrás acceder con un simple click.
  2. Tabs: La famosa y tan aclamada navegación por pestañas.
  3. Sesiones: Gestión de diferentes sesiones que permite que diferentes usuarios gestionen el navegador a su antojo.
  4. Bloqueo de Pop-up: Esa maravilla que hizo que al entrar en una página dejaramos de cruzar los dedos por si aparecían miles de ventanas.
  5. Zoom: Opera comenzó haciendo zoom a la página completa y no solo al texto.
  6. BitTorrent: Quizás la más tonta de todas, pero también ha dado lugar a la integración por parte de otros navegadores.
  7. Borrar información privada: La capacidad de eliminar la información almacenada durante la navegación.
  8. Gestos de ratón: Yo no la he usado nunca, pero la gente que lo ha hecho está encantadísima.

En fín, un sin fín de novedades que poco a poco los demás navegadores las van incorporando a sus núcleos.

WordPress 2.8 ya está aqui.

11 jun

+ 19

Para el que aún no se haya dado cuenta, ya podemos actualizar nuestro WordPress 2.7.1 a WordPress 2.8. Esta nueva versión, llamada “Baker” puedes descargar directamente desde la página oficial de WordPress.[Descargar]

Interesante curiosidad javascript

10 jun

+ 35

Esta mañana he encontrado un artículo, que esta noche publicaré, en el que me he encontrado una interesante curiosidad javascript, os la dejo y a ver si alguien lo encuentra :D


var divs = document.getElementsByTagName("div");
for (var i=0; i < divs.length; i++) {
       var div = document.createElement("div");
       document.body.appendChild(div);
}

Primero, y sin probar el código intenta comprender que es lo que hace el script, una vez visualizado y comprobado que no haya errores, pruebalo, ya sea en Firebug, o en una página aposta. ¿A ver si alguien me sabe decir por que ocurre esto? Esta noche, o mañana por la mañana pondré la solución y el enlace donde lo ví, pero seguro que lo sacáis antes :D …. tiempo!!

Intenta no leer los comentarios y contestar lo que has pensado.

Actualización

Bueno, los comentaristas están mucho más puestos que yo en Javascript, y nos han deleitado con comentarios explicativos imposibles de mejorar, así que si quieres saber algo más sobre los HTMLCollection, NodeList y demás, lee los comentarios. El código lo he sacado de un artículo de Nicholas C. Zakas sobre optimización Javascript y me ha parecido muy curioso :D

Activar la navegación por teclado en los navegadores de MacOs X

10 jun

+ 1

La gente de 456 Berea St nos muestran como activar la navegación por teclado en los diferentes navegadores disponibles para MacOs X. Al parecer, por defecto esta opción no viene completamente activa lo que hace que la navegación con teclado es parcial e incompleta. De esta forma podremos ponernos en el caso del usuario que no tiene ratón y quiere navegar por nuestra web (por ejemplo :D ).

Enviar emails HTML con PHP

9 jun

+ 18

Enviar un mail en texto con PHP es tan sencillo como usar la función mail(), que únicamente puede ocuparnos una línea de texto como esta:

mail($to, $asunto, $body, $headers);

Resalto los $headers por que son la clave para permitirnos enviar un email en HTML. En ellos indicaremos los datos que los lectores de correo deberán tener en cuenta para distinguir entre un simple email de texto y uno de HTML.

$headers = "From: " . strip_tags($from) . "\r\n";
$headers .= "Reply-To: ". strip_tags($to) . "\r\n";
$headers .= "CC: CON COPIA\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";

Como podemos ver en el código en negrita estamos indican que el Content-type del email es un text/html y con la codificación ISO-8859-1, además de permitir añadir un emails en copia o incluso en copia oculta.

Esto nos permitirá usar un HTML bastante limitado, pero en fin HTML para hacer nuestros emails algo más elegantes y más ordenados. Nuestro $body ya podrá contener dichos tags.

$body = '<strong>Texto en negrita</strong> este no lo es :D ';

La mágia es que podemos seguir usando la misma función mail() para enviar nuestro email.
Via

Super Gesture jQuery Plugin, gestos controlados con jQuery

9 jun

+ 1

Super Gesture jQuery Plugin, nos permite controlar gestos simples y más complejos de nuestras aplicaciones web. Además de las direcciones básicas (derecha, izquierda, arriba y abajo), podemos usar diagonales y formas como círculas, zig-zag y otras más complejas.[Dem y descarga]

e24SpotLight, capta la atención de tus usuarios

9 jun

+ 0

Alfredo Artiles me avisa de nuevo de un plugin para MooTools que ha desarrollado. Despues de e24BubbleFx nos presenta e24SpotLight, un plugin que nos permitirá captar la atención de nuestros usuarios mediante efectos de opacidad.[Demo][Descargar]

Safari 4 [NO] más rápido que Google Chrome en el V8 Benchmark Suite

8 jun

+ 20

Hoy se ha presentado por fín, entre otras cosas, la versión definitiva de Safari 4. Hasta el momento podíamos usar la Beta que personalmente opino que era bastante estable. Cuando lo he descargado y me he puesto a hacer pruebas me he llevado una grata sorpresa al ver que era más rápido que Google Chrome en el test específico para V8 (el motor que renderiza Javascript de Google Chrome).

v8-vs-squirrelfish
(Ver Imagen *Muy Grande*)

Partiendo de que ambos usan el mismo motor de renderizado HTML, WebKit (aunque creo que diferentes versiones del mismo) el motor javascript es diferente en ambos. Aún quedan muchas pruebas por hacer, pero parece que SquirrelFish es el motor javascript de hoy, mañana ya veremos :D

ACTUALIZACIÓN

Me he dejado llevar por la emoción y el cansancio. Por desgracia para los amantes de Safari4, Google Chrome es aún mucho más rápido en este test, el resultado está expresado en iteraciones por lo que mientras el número sea mayor el resultado será más óptimo. Así que en la imagen de arriba, vemos como Safari4 es más lento en el test V8 que Google Chrome. Siento las molestias.

ACTUALIZACIÓN 2

Después de hacer un par de pruebas más, podemos decir con el 100% del convencimiento que Google Chrome es hoy por hoy, el navegador más rápido (ejecutando javascript) del lejano oeste. Incluso en el test que WebKit usa para compararse contra los otros navegadores, SunSpider, sale mal parado, aunque eso sí, mucho mejor que la versión anterior.

Aclaraciones

Hay que ser conscientes de dos cosas:

1) La velocidad de ejecución de javascript es importante

El javascript que tenemos que ejecutar en las páginas webs cada vez está siendo más complejo y este requiere mayores recursos, sin contar que en breve estos recursos pueden verse multiplicados frente a demandas tan exigentes como las que nos presentó Google con Google Wave (por ejemplo). Esto no hace que este punto sea importante, pero debemos darle más importancia de que tiene actualmente.

2) Un navegador no solo ejecuta javascript

También debemos ser conscientes de que un navegador hace más cosas que reproducir javascript, ha de ser rápido, amigable y sobretodo cubrir las necesidades de cada usuario, ni más ni menos. Si un navegador tiene muchas novedades pero no acaba de cumplir ciertas necesidades o las cumple parcialmente, no estará consiguiendo su cometido. Así que hemos de dejar claro que se trata de un cúmulo de cosas que ayudan a decidir cual es mejor o peor, pero siempre para cada uno, nunca para un conjunto de individuos.

WordPress Mobile Edition 3.0.5

7 jun

+ 3

WordPress Mobile Edition es el plugin que nos permite adaptar nuestro WordPress a los dispositivos móviles. La versión 3.0.5 nos incorpora una serie de correcciones entre ellas la inclusión de los dispositivos Palm Pre como dispositivo táctil a tratar. Además, desde la versión anterior ya usa Carrington Mobile como theme, algo que nos permitirá adaptarlo a nuestro estilo. [Descargar]