Home
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Jue02Jul2009

FireQuery: optimizaciones para FireBug centradas en jQuery

Temas: Firefox

14:15 H.-

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

Relacionados

Mié01Jul2009

Consejos para mejorar tus scripts jQuery

Temas: Javascript

10:15 H.-

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

Relacionados

Mar30Jun2009

Drag&Drop de elementos en una tabla

Temas: Javascript

17:00 H.-

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

Relacionados

Lun29Jun2009

Recomendaciones de Google para optimizar PHP y las replicas

Temas: PHP

12:23 H.-

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

Relacionados

Jue25Jun2009

Google Virtual Keyboard

Temas:

12:00 H.-

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

Relacionados

jsMSX: emulador de MSX con Javascript y Canvas

Temas: Javascript

09:30 H.-

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

Relacionados

Mié24Jun2009

Detección de caras con PHP sin OpenCV

Temas: PHP

19:30 H.-

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

Relacionados

Lun22Jun2009

Invierte tu email mediante CSS para evitar el spam

Temas: CSS

13:00 H.-

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

Relacionados

Jue18Jun2009

7 reglas para realizar Javascript de calidad

Temas: Javascript

18:00 H.-

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

Relacionados

Mié17Jun2009

UIzard: herramienta de desarrollo via Ajax

Temas: Utilidades

21:30 H.-

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

Relacionados

Siguiente »