Trabajar en JavaScript ha tenido siempre una gran dificultad, y es que se trata de un lenguaje no estándar, interpretado por el cliente. Esto provoca desigualdades en los resultados, dependiendo sobretodo de los distintos navegadores, y sus respectivas versiones.

En el caso de los eventos de teclado este desmadre tiene un especial énfasis, y viene a demostrarse en este documento (en inglés) que paso a resumiros.

Eventos keyup keydown y keypress

Estos eventos son disparados en momentos distintos, dependiendo del navegador. Por ejemplo el mantener pulsada la tecla “Alt”, o el pulsar un caracter durante varios segundos, producen resultados distintos en cuanto al disparo de eventos, en cada navegador.

Interpretación de la tecla pulsada

Llegados al punto de que el usuario ha pulsado una tecla, querremos saber cuál de ellas ha pulsado. Pues el resultado también difiere entre navegadores (como era de esperar).

Para complicarnos la vida a los programadores, la codificación es distinta entre los principales navegadores. Aúnque en los caracteres normales (numeros y letras) hay una cierta uniformidad, la diferenciación del lugar donde se pulsan los números (hay dos series de números en un teclado normal), y la mayoría de los signos, adquieren claves distintas que los identifican.

Echa un vistazo a la tabla de códigos más abajo.

Tablas clarificadoras

Recomiendo leer la fuente original (inglés).

Aúnque a algunos les parezca extraño, existen tres formas distintas de ejecutar una función en PHP (por lo menos que yo conozca). Cada una puede venir bien en situaciones distintas.

Lo primero de todo, crearemos un par de funciones.

La función menor() devuelve el menor de los dos números pasados como parámetros. La función mayor() hará lo contrario.

La forma clásica

La forma más típica de ejecutar una función, es símplemente escribiendo su nombre, seguido de unos paréntesis, con los parámetros separados por comas. De esta forma, al escribir:

Nos devolvería el siguiente texto:

Entre 12 y 5, el menor es 5

Con la función call_user_func(_array)

Las función call_user_func nos permite ejecutar una función, dado el nombre en cadena alfanumérica.

La diferencia con call_user_fucn_array, es que en esta última los parámetros son pasados en un array.

Dependiendo de la variable GET comparación, se ejecutará una función u otra. La alternativa con call_user_func_array es:

Directamente de una cadena

Esta es una forma sorprendente de ejecutar funciones. Parte de lo mismo que la anterior, el nombre de la función en una variable alfanumérica. Pero en este caso puede ser tratada directamente como función, así por la cara.

Esta libertad recuerda a JavaScript, donde pueden igualarse variables a funciones de forma muy sencilla.

Conocéis alguna forma más? Os parece útil disponer de diferentes métodos para llamar a funciones?

He encontrado una lista con muy convincentes argumentos a favor de usar Windows XP en la oficina. Os dejo el link para que os lo planteéis seriamente:

Por qué es mejor usar Windows XP en la oficina

Estás pensando en hacer una web en flash? Piénsatelo dos veces!

Via Barrapunto encuentro este interesante apunte con cinco razones para no usar Flash. Son:

• Pérdida de visitas (estrepitosa), por problemas en la indexación
• Problemas con buscadores, por no haber un código accesible y marcado.
• Problemas de visualización, por incompatibilidad de un software específico
• Problemas de navegación, causados por un lenguaje no accesible para el navegador
• Problemas de gestión y actualización, porque suele ser complicado unir un lenguaje de lado servidor con Flash

Recomiendo echar un buen vistazo, sobretodo a quienes aún no estén convencidos de las enormes desventajas de flash para crear toda una web.

Después de montones de meses de rumores los mismos creadores vuelven con el poder y nos ofrecen, hoy, su nuevo producto: Android, el SO móvil de Linux con la mano de Google.

Diversos medios ya se han puesto las pilas para ofrecer información del mismo como puede ser xataka y en Google Dirson. Google Phone se ha convertido en Android, un sistema operativo libre basado en Linux y que se podrá instalar en los teléfonos móviles que lo puedan soportar, algunas marcas que probablemente lo hagan son HTC, Motorola, T-Mobile o Qualcomm que ya tienen muchísima más experiencia en este mundo.

Este SO dispondrá de diversos software que van desde la gestión de las llamadas hasta las fotografías y vídeos, envío a diversos servicios, etc. Probablemente tenga una GRAN integración con todos los servicios que ofrece actualmente online (gmail, gtalk, Google Docs, etc…). Uso masivo de Youtube, búsquedas rápidas e integradas, navegación por las mismas, personalización del móvil. Además, todo en Linux donde se demuestra la versatilidad y la potencia de este núcleo.

Parece ser que telefónica tiene contrato con Google (al igual que otros montones) así que seguramente podamos tener acceso a los móviles con este SO.

Veamos lo que depara el futuro de la telefonía móvil con este sistema operativo nuevo con de la mano de Google. ¿Un cambio radical en precios?, ¿nueva definición de teléfono? Me resulta difícil pensar que los que veíamos en las películas hace algunos años no se pueda usar sin problemas en breve. Algo está claro, pienso comprarme un teléfono de estos.

Recibimos desde El vol de l’home ocell un meme, consistente en otorgar siete premios a los que, a nuestro juicio, sean blogs solidarios. Conque manos a la obra.

El primero de todos va derecho a El Cinturón de Hipólita. Este blog de mi ex-instituto nació como un capricho del profesor de Latín, y ha conseguido convertirse en toda una referencia en la blogosfera de la Cultura Clásica, gracias a la enorme dedicación de Salva, el magister, y en parte gracias a las colaboraciones de personalidades como Mercedes Madrid, reconocida experta en el tema.

El segundo, y metiéndonos en temática de programación web (mi rollo), no podría olvidar Anieto2k. Web de referencia donde las haya, actualización contínua, y contenidos frescos e interesantes. Le estoy enormemente agradecido por haber promocionado algunos de mis proyectos en su web.

El tercero va para Alzado, cuya web, aúnque no actualiza de forma muy constante, tiene contenido de muy buena calidad. La temática suele moverse por el márqueting típicamente orientado a la red, pero divaga en muchos otros aspectos.

El cuarto lo envío a mi gran colega de Viciao2k3. Un apasionado de la programación web, con muchas tablas, ha creado una gran variedad de servicios de lo más 2.0. En su blog trata cualquier cosa que le inquiete, mucho código y mucho sentido del humor.

El quinto premio va derechito a La Webera. Su autora muestra a través de sus posts trucos y técnicas para llevar una buena web.

El sexto lo otorgo a HacheMuda, una web que trata todo lo circundante a Linux, junto a alguna curiosidad que otra. Creativo y defensor a ultranza de Ubuntu.

El último de los 7 lo voy a dar a Metal.Ize, web de diseño y maquetación fundamentalmente. Una importante referencia para el buen estilo.

Seguro que me he dejado muchas webs que ofrezcan material de calidad de forma altruista, estas son las 7 que subjetivamente destacaría.

Sólo queda agradecer a Joan que nos haya otorgado el premio. En el mes y medio que llevamos online lo hemos dado todo, y pensamos seguir así mucho tiempo.

Via del.icio.us descubro esta imágen que transmite de una forma muy acertada todo lo que un buen documento HTML debe contener.

Me gustaría transcribir y traducir este interesante recurso a continuación para todos vosotros:

Doctype declarado correctamente

Parece un galimatías, pero los DOCTYPE son importantes. No sólo hace que tu código sea válido, sinó que dicen a tu navegador detalles de cómo debe renderizar tu página.

Encabezado ordenado

Que conste de título, conjunto de caracteres, enlace a hojas de estilo (incluida la de impresión!) y scripts (enlazados, que NO incluidos).
Los archivos externos (CSS o JavaScript) en carpetas propias (css/ y script/ por ejemplo).

ID para Body

El ponerle una id a la etiqueta body te permite crear propiedades CSS específicas para una página en concreto. Por ejemplo diferenciar los h2 del homepage, con un código similar a #home h2 {}, y así no afectar a ningún otro h2.

Div principal para todo el contenido de la página

El poner un div que contenga todo el contenido nos permite mantener el control del diseño sobre la página en su conjunto. Por ejemplo podemos determinar un ancho fijo de toda la página.

Menú limpio semánticamente

Un menú debe tener este aspecto:

Incluir el contenido repetido

Mucho contenido es común entre página y página. Menús, barras laterales, piés de página, etc. Este tipo de contenido debería ser incluido dinámicamente. Esto puede conseguirse con una simple instrucción de PHP.

Contenido importante primero

Es apropiado que incluyas tus contenidos más importantes al principio, como noticias, eventos, que pueden ser listadas al principio del HTML. Si tu barra lateral es sólo para navegación o cosas menos relevantes incluso, deberías ponerla al final del HTML.

Código tabulado

Si cada sección de código se presenta tabulada como un conjunto, la estructura del código queda mucho más comprensible. Cuando un código está completamente alineado a la izquierda es prácticamente imposible de comprender.

Sin estilo!

Tu HTML debe estar completamente orientado a la estructura y al contenido, no al estilo! Deja que el CSS se encargue de todo lo relacionado con el estilo, y por supuesto olvida la etiqueta font

Contenido, contenido, contenido

Aquí has de insertar todo tu contenido, así que manos a la obra. No olvides separar los distintos párrafos con la etiqueta p. Utiliza listas dónde sea apropiado. Utiliza códigos para los símbolos (& copy; & iacute; etc). No abuses de los hr para el salto de línea.

Etiquetas de cierre

Empezaste con fuerza, ahora acaba con fuerza. No seas perezos@ y cierra todas las etiquetas que lo requieran, incluso si la página se renderiza bien sin ellas!

Lo que hoy quiero mostraros es una genial librería, que facilita increíblemente el manejo de archivos zip con PHP; únicamente habrá que incluir un archivo a nuestro código, para gozar de toda su funcionalidad para abrir, explorar y crear archivos de tipo Zip.

Instanciación

El primer paso para usar esta librería es siempre el mismo, independientemente de lo que queramos hacer:

Como se observa, hemos incluido el fichero de la librería, y hemos instanciado la clase PclZip, con un nombre de archivo.
Este nombre de archivo puede ser uno existente, que queremos manipular, o uno inexistente, que queremos crear a continuación. Será más adelante cuando le indicamos lo que queremos hacer con archivo.zip (leer o escribir), hasta aquí únicamente lo hemos referenciado.

Sigue leyendo esta entrada »