Carlos Leopoldo

7 reglas para escribir código JavaScript de calidad

Carlos Leopoldo — Mon, 22 Jun 2009 05:03:05 +0000

Aún si eres un experto en JavaScript creo que debes considerar estos 7 puntos para escribir código de calidad ya que no se trata de reglas de sintaxis o funciones sino reglas de calidad, calidad en tu código.

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.

Vía Sentido Web y I Can’t.

Otros artículos relacionados

24 menús creados con CSS y a veces jQuery

Carlos Leopoldo — Thu, 11 Jun 2009 20:38:19 +0000

Si estás buscando inspiración para diseñar un menú de navegación horizontal, vertical o de alguna otra forma, para tu sitio web, aquí tienes una excelente recopilación hecha por Speckyboy de muy buenos diseños, todos ellos usan CSS y algunos jQuery para algunos comportamientos.

La parte más importante de diseño de un nuevo sitio es el sistema de navegación o el menú, pero esto puede ser complicado, el tiempo y con frecuencia frustrante ya que necesitas algo que se ajuste a tu diseño y lo más importante, permitir a tus lectores a navegar con facilidad.

Ver 24 menus con CSS.

Otros artículos relacionados

Poner nombre de usuario en la URL de Facebook

Carlos Leopoldo — Thu, 11 Jun 2009 19:58:06 +0000

Hasta ahora las URL’s de los perfiles de usuario en Facebook son feas, ya que vienen con variables y números que son el ID de usuario, cómo el siguiente ejemplo:

Y como puedes ver ya se podrá elegir una URL personalizada donde podrás poner un nombre de usuario o cualquier palabra que esté disponible para que sea más corta y bonita la URL, además de fácil de recordar a la hora de compartir tu perfil en Facebook.

Esto lo podrás hacer a partir del sábado 13 de junio a las 12:01 am (hora del pacífico), ya que te aparecerá en tu perfil un mensaje como el siguiente:

Así que si quieres elegir una buena URL en Facebook apúrate este sábado para que no te lo ganen, más información.

Otros artículos relacionados

PHP Class para usar Paypal, 2Checkout, Authorize.net

Carlos Leopoldo — Wed, 10 Jun 2009 20:32:27 +0000

Si estás buscando alguna librería escrita en PHP para implementarla en tu sitio web donde necesitas que los clientes paguen o dejen donaciones usando los sistemas de pago como Paypal o Authorize.net y 2Checkout, aquí tienes una clase escrita en PHP que te va a facilitar dicha implementación.

PHP Payment Library for Paypal, Authorize.net and 2Checkout (2CO) es una librería desarrollada por phpFour y la puedes descargar en un paquete donde además vienen algunos ejemplos de uso y las instrucciones, en inglés pero muy ilustrativas.

Enlace para descargar la librería.

Otros artículos relacionados

Plantilla para curriculum vitae

Carlos Leopoldo — Tue, 09 Jun 2009 14:35:57 +0000

Si quieres una plantilla para poner tu curriculum vitae (hoja de vida o currículo) puedes descargar gratis un currículum de ejemplo “Sample Resume Template“, este curriculum tiene secciones como un pequeño resumen del perfil, sección para poner tus habilidades, experiencia técnica, experiencia en tus anteriores trabajos y los luagres donde estudiaste, además de lo básico de la información de contacto como teléfono, correo electrónico y demás.

Para usarlo debes de descargarlo, editarlo agregando tus datos y después lo puedes subir a tu página web, así tendrás más oportunidad de difundir tu curriculum.

Enlace para descargar el currículum de ejemplo.

Otros artículos relacionados

Como programar el envio de mensajes en Facebook para el futuro

Carlos Leopoldo — Tue, 09 Jun 2009 12:00:24 +0000

¿Sabías que se puede programar el envio de mensajes para una fecha y hora determinada en el futuro en sitios como Facebook, Twitter o MySpace o Bebo?, pues sí y es muy sencillo, gracias a un sitio llamado Sendible que te permite escribir mensajes y especificar la fecha y hora en que deberán ser enviados, y no solamente funciona para Facebook porque soporta sitios como Myspace, Friendster, Bebo, Orkut, Hi5 y Twitter, además de correo electrónico y mensajes SMS en algunos lugares.

Además Sendible puede funcionar como un servicio de recordatorios que puede ser muy útil para organizarnos mejor recibiendo avisos de nuestros pendientes por correo electrónico o en cualquier otro servicio disponible.

Enlace al sitio Sendible.

Otros artículos relacionados

Validar copia ilegal de Ubuntu

Carlos Leopoldo — Tue, 09 Jun 2009 06:23:41 +0000

Los usuarios de versiones no originales de Windows sabe lo que es esto, lo molestos avisos del WGA que aparecen en la parte inferior derecha de la pantalla que te alertan que no has pasado la validadación de software original, pero si eres de las personas inteligentes que usan un sistema operativo libre como Ubuntu en gEEk tHE pLANET encontré un fondo de pantalla divertido que simula el mismo mensaje pero para Ubuntu.

El Wallpaper es solo una imagen de color negro con su mensaje de WGA tal y como se varía en Windows pero en Ubuntu.

El Wallpaper lo puedes descargar aquí.

Otros artículos relacionados

La nueva opción para encontrar tu iPhone robado con Find My IPhone

Carlos Leopoldo — Tue, 09 Jun 2009 06:14:41 +0000

Con el anuncio del nuevo iPhone 3G S también han venido novedades en el servicio de Mobile Me, y una a destacar es la llamada Find My IPhone que se trata de un servicio que te ayudará a localizar tu iPhone robado y a borrar remotamente toda tu información personal, esto obviamente requiere que tengas conexión de datos 3G y una suscripción al servicio Mobile Me que cuesta nada más que $99 dólares por año.

Reseña muy completa sobre Find My IPhone.

Otros artículos relacionados

Optimizador de memoria RAM: FreeRAM XP Pro

Carlos Leopoldo — Tue, 09 Jun 2009 04:54:39 +0000

Muchos programas son unos verdaderos devoradores de memoria RAM sobre todo si trabajas con alguno de los programa de diseño de Adobe o el simple iTunes o Firefox, y esto resulta ser un verdadero problema sobre todo en computadoras con poca memoria RAM.

FreeRAM XP Pro es una pequeña utilidad gratuita para Windows que tiene como función liberar memoria RAM para que puedas trabajar más rápido con tus aplicaciones debido a que siempre tratará de mantener un cierto espacio libre necesario para cargar datos de memoria secundaria a memoria principal.

Además FreeRAM XP Pro puede trabajar minimizado en la bandeja del sistema y estar optimizando la memoria RAM automáticamente cada cierto periodo de tiempo.

Tal vez una de las características que hacen que este programa sea mejor que otros es que posee la capacidad de desfragmentar la información cargada en la memoria RAM, lo que ayuda a acceder a ella con mayor rapidez.

FreeRAM XP Pro es compatible con prácticamente todas las versiones de Windows y sin duda es una excelente herramienta que debes tener si trabajas con programas que consumen mucha memoria RAM y tienes recursos limitados en tu computadora.

Enlace para descargar FreeRAM XP Pro.

Otros artículos relacionados

50 sets de iconos gratis para usar en diseño web

Carlos Leopoldo — Mon, 08 Jun 2009 03:59:11 +0000

Si estás diseñando un sitio web o un programa y necesitas iconos de buena calidad que además sean gratis en Smashing Magazine han realizado una excelente recopilación de los mejores 50 juegos de iconos en descarga gratuita para usar libremente en tus proyectos de diseño web o diseño en general.

Juegos de iconos para aplicaciones web

Juegos de iconos para sitios de comercio electrónico

Juegos de iconos útiles

Juegos de iconos para redes sociales (social media)

Otros bonitos sets de iconos de uso general

Todos estos iconos resultan ser muy útiles además de gratis y de muy buena calidad, que los disfrutes.