Sentido Web http://sentidoweb.com/ Publicación dirigida a los desarrolladores web e internautas apasionados por la programación, diseño, negocios y todo lo que ocurre en Internet. en Luis Sacristán Copyright 2009 Thu, 02 Jul 2009 14:15:00 +0000 Sat, 04 Jul 2009 10:51:22 +0000 http://www.movabletype.org/?v=3.2 Luis Sacristán http://blogs.law.harvard.edu/tech/rss http://creativecommons.org/licenses/by-nc-nd/2.0/ FireQuery: optimizaciones para FireBug centradas en jQuery FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery. Además permite... http://feedproxy.google.com/~r/sentidoweb/~3/lSvfFLtEiaA/firequery-optimizaciones-para-firebug-centradas-en-jquery.php 2085@http://sentidoweb.com/ FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery.

Además permite ver los eventos que está asociados en los elementos HTML desde la pestaña HTML de Firebug.

FireQuery (web)

Vía / DZone


]]> Luis Sacristán Firefox Thu, 02 Jul 2009 14:15:00 +0000 0 http://sentidoweb.com/2009/07/02/firequery-optimizaciones-para-firebug-centradas-en-jquery.php#comments http://sentidoweb.com/2009/07/02/firequery-optimizaciones-para-firebug-centradas-en-jquery.php Consejos para mejorar tus scripts jQuery Consejos para mejorar el rendimiento de nuestros scripts jQuery: Usa siempre la última versión Une los scripts y minimizalos Usa for en vez de each Usa id en vez de class Recupera una selección en una variable y usa la... http://feedproxy.google.com/~r/sentidoweb/~3/kCUqUrc87Xc/consejos-para-mejorar-tus-scripts-jquery.php 2084@http://sentidoweb.com/ Consejos para mejorar el rendimiento de nuestros scripts jQuery:

  • Usa siempre la última versión
  • Une los scripts y minimizalos
  • Usa for en vez de each
  • Usa id en vez de class
  • Recupera una selección en una variable y usa la variable el resto de las veces
  • Evita la manipulación DOM
  • Devuelve false en los eventos

10 Ways to Instantly Increase Your jQuery Performance

Vía / @wilson


]]> Luis Sacristán Javascript Wed, 01 Jul 2009 10:15:00 +0000 1 http://sentidoweb.com/2009/07/01/consejos-para-mejorar-tus-scripts-jquery.php#comments http://sentidoweb.com/2009/07/01/consejos-para-mejorar-tus-scripts-jquery.php Drag&Drop de elementos en una tabla http://feedproxy.google.com/~r/sentidoweb/~3/9ZlzMoTWQWg/dragdrop-de-elementos-en-una-tabla.php 2083@http://sentidoweb.com/ Interesante Javascript que nos permite mover elementos (drag&drop) de las celdas de una tabla a otras, o incluso a otra tabla.

ddtabla.png

Drag and drop table content with JavaScript

Vía / Script & Style


]]> Luis Sacristán Javascript Tue, 30 Jun 2009 17:00:52 +0000 0 http://sentidoweb.com/2009/06/30/dragdrop-de-elementos-en-una-tabla.php#comments http://sentidoweb.com/2009/06/30/dragdrop-de-elementos-en-una-tabla.php Recomendaciones de Google para optimizar PHP y las replicas Google ha recomendado una serie de consejos para optimizar nuestro código PHP, y no se ha hecho esperar la respuesta de la comunidad, diciendo que son consejos erróneos. Los consejos que suelo leer sobre optimizar PHP no se basan en... http://feedproxy.google.com/~r/sentidoweb/~3/EIDMadMR6y4/recomendaciones-de-google-para-optimizar-php-y-las-replicas.php 2082@http://sentidoweb.com/ Google ha recomendado una serie de consejos para optimizar nuestro código PHP, y no se ha hecho esperar la respuesta de la comunidad, diciendo que son consejos erróneos.

Los consejos que suelo leer sobre optimizar PHP no se basan en micro-optimizaciones (usar switch o if, comillas dobles o simples, ...) sino en optimizaciones más generales: buen código, caché, ...

Vía / PHPDeveloper.org


]]> Luis Sacristán PHP Mon, 29 Jun 2009 12:23:55 +0000 1 http://sentidoweb.com/2009/06/29/recomendaciones-de-google-para-optimizar-php-y-las-replicas.php#comments http://sentidoweb.com/2009/06/29/recomendaciones-de-google-para-optimizar-php-y-las-replicas.php Google Virtual Keyboard Interesante API de Google para simular un teclado mediante Javascript, sobre todo es útil para evitar keyloggers y la captura de contraseñas. Introducing the Virtual Keyboard API... http://feedproxy.google.com/~r/sentidoweb/~3/Zd_h0SNBRyk/google-virtual-keyboard.php 2081@http://sentidoweb.com/ Interesante API de Google para simular un teclado mediante Javascript, sobre todo es útil para evitar keyloggers y la captura de contraseñas.

google-keyboard.png

Introducing the Virtual Keyboard API


]]> Luis Sacristán Thu, 25 Jun 2009 12:00:00 +0000 125 http://sentidoweb.com/2009/06/25/google-virtual-keyboard.php#comments http://sentidoweb.com/2009/06/25/google-virtual-keyboard.php jsMSX: emulador de MSX con Javascript y Canvas MSX es un ordenador de hace la tira de años que cuando eramos pequeños nos parecía increíble y que ahora nos parece paleolítico. jsMSX es un emulador realizado en Javascript y Canvas que permite ejecutar juegos para ese sistema. En... http://feedproxy.google.com/~r/sentidoweb/~3/s8wzPRt4HaA/jsmsx-emulador-de-msx-con-javascript-y-canvas.php 2080@http://sentidoweb.com/ MSX es un ordenador de hace la tira de años que cuando eramos pequeños nos parecía increíble y que ahora nos parece paleolítico. jsMSX es un emulador realizado en Javascript y Canvas que permite ejecutar juegos para ese sistema.

jsmsx.png

En sí la aplicación no tiene mucha utilidad, pero es interesante desde el punto de vista de lo que se está consiguiendo mediante Javascript y Canvas.

jsMSX

Via / @lardissone


]]> Luis Sacristán Javascript Thu, 25 Jun 2009 09:30:00 +0000 0 http://sentidoweb.com/2009/06/25/jsmsx-emulador-de-msx-con-javascript-y-canvas.php#comments http://sentidoweb.com/2009/06/25/jsmsx-emulador-de-msx-con-javascript-y-canvas.php Detección de caras con PHP sin OpenCV Si ya hace tiempo mencioné el método para detectar caras con PHP y OpenCV, hoy se trata del mismo script que hay usando Javascript y Canvas, pero exportado a PHP. Face detection in pure PHP (without OpenCV) Vía / DZone... http://feedproxy.google.com/~r/sentidoweb/~3/IKKkjtb9ZH4/deteccion-de-caras-con-php-sin-opencv.php 2079@http://sentidoweb.com/ Si ya hace tiempo mencioné el método para detectar caras con PHP y OpenCV, hoy se trata del mismo script que hay usando Javascript y Canvas, pero exportado a PHP.

Face detection in pure PHP (without OpenCV)

Vía / DZone


]]> Luis Sacristán PHP Wed, 24 Jun 2009 19:30:00 +0000 0 http://sentidoweb.com/2009/06/24/deteccion-de-caras-con-php-sin-opencv.php#comments http://sentidoweb.com/2009/06/24/deteccion-de-caras-con-php-sin-opencv.php Invierte tu email mediante CSS para evitar el spam http://feedproxy.google.com/~r/sentidoweb/~3/Uz1aorE3p_Q/invierte-tu-email-mediante-css-para-evitar-el-spam.php 2078@http://sentidoweb.com/ Curioso truco para evitar que los spammers lean tu email, ya que lo escribes al revés y mediante CSS lo inviertes.

<style type="text/css">
span.test { direction: rtl; unicode-bidi:bidi-override; }  
</style>
<p><span class="test">moc.tset@tset</span></p>

Reverse Your Email with CSS and Prevent Spam

Vía / @jlantunez


]]> Luis Sacristán CSS Mon, 22 Jun 2009 13:00:00 +0000 4 http://sentidoweb.com/2009/06/22/invierte-tu-email-mediante-css-para-evitar-el-spam.php#comments http://sentidoweb.com/2009/06/22/invierte-tu-email-mediante-css-para-evitar-el-spam.php 7 reglas para realizar Javascript de calidad Siete consejos para realizar un javascript de calidad y no intrusivo: No hagas suposiciones: no pienses que el usuario tendrá el javascript activado o que usará un navegador adecuado. Usa IDs y relaciones entre elementos: para no depender de un... http://feedproxy.google.com/~r/sentidoweb/~3/cZJ4ESwR0rc/7-reglas-para-realizar-javascript-de-calidad.php 2077@http://sentidoweb.com/ Siete consejos para realizar un javascript de calidad y no intrusivo:

  • No hagas suposiciones: no pienses que el usuario tendrá el javascript activado o que usará un navegador adecuado.
  • Usa IDs y relaciones entre elementos: para no depender de un HTML mal estructurado y que el javascript sea imposible de realizar, utiliza IDs para acceder a los elementos con los que se quiere tratar y busca elementos que faciliten acceder a otros elementos.
  • Utiliza estilos: en vez de modificar los estilos de los elementos HTML mediante Javascript, usa clases CSS que modifiquen los estilos, y mediante Javascript se le puede añadir la clase a un elemento superior.
  • Comprende el navegador y a los usuarios: debes pensar cómo funciona un navegador, no sobre saturar su comportamiento (abuso de drag&drop, eventos, ...). Además debes pensar qué espera el usuario que haga el navegador, y respetarlo.
  • Comprende los eventos: los eventos no solo corresponden a un objeto, sino a los elementros hijo que contiene. Así se pueden realizar eventos sobr un único elemento y no tener que modificar los demás.
  • Respeta el código de otros: seguro que a parte de tu código existe algún otro que has añadido, por lo que deberás programar teniendo en cuenta que hay que evitar conflicto entre funciones.
  • Después de ti vendrá otro: es muy frecuente que alguien acabe modificando tu código, ten un poco de consideración por los demás y escribe código legible y entendible.

The seven rules of Unobtrusive JavaScript

Vía / @dcedilotte


]]> Luis Sacristán Javascript Thu, 18 Jun 2009 18:00:00 +0000 4 http://sentidoweb.com/2009/06/18/7-reglas-para-realizar-javascript-de-calidad.php#comments http://sentidoweb.com/2009/06/18/7-reglas-para-realizar-javascript-de-calidad.php UIzard: herramienta de desarrollo via Ajax UIzard es un entorno de trabajo open source vía web que utiliza Ajax, y que funciona en varios navegadores Firefox y Safari (la versión para IE está siendo optimizada). Se trata de un GUI muy completo en el que se... http://feedproxy.google.com/~r/sentidoweb/~3/ibfUUB1i-J0/uizard-herramienta-de-desarrollo-via-ajax.php 2076@http://sentidoweb.com/ UIzard es un entorno de trabajo open source vía web que utiliza Ajax, y que funciona en varios navegadores Firefox y Safari (la versión para IE está siendo optimizada).

uizard.png

Se trata de un GUI muy completo en el que se pueden realizar páginas web, añadiendo elementos, con orígenes de datos, formularios, ...

La mayor parte viene en coreano, pero creo que es bastante claro para poder entenderlo facilmente.

UIzard

Vía / @knight


]]> Luis Sacristán Utilidades Wed, 17 Jun 2009 21:30:00 +0000 0 http://sentidoweb.com/2009/06/17/uizard-herramienta-de-desarrollo-via-ajax.php#comments http://sentidoweb.com/2009/06/17/uizard-herramienta-de-desarrollo-via-ajax.php