5 expresiones regulares útiles para desarrollo web

ByLuis July 23, 2007

Aunque a algunos nos gustan bastante las expresiones regulares, no estÃ¡ mal ofrecer una lista de alguna de ellas que nos pueden ser Ãºtiles cuando desarrollamos aplicaciones web.

Usuario: estÃ¡ es sencilla, letras, dÃgitos y el subrayado, con una longitud entre 3 y 16 caracteres.

/^[a-zA-Z0-9_]{3,16}$/

Etiquetas XHTML: habrÃ¡ que sustituir la palabra etiqueta por la correspondiente que queremos buscar.

/]*>(.*?)<\/etiqueta>/

Etiqueta con atributos: lo mismo que la anterior pero con atributos.

/]*atributo\s*=\s*(["'])valor\\1[^>]*>(.*?)<\/etiqueta>/

Direcciones de correo: segÃºn la especificaciÃ³n RFC 822:

function is_valid_email_address($email){
$qtext = '[^\x0d\x22\x5c\x80-\xff]';
$dtext = '[^\x0d\x5b-\x5d\x80-\xff]';
$atom = '[^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c'.
'\x3e\x40\x5b-\x5d\x7f-\xff]+';
$quoted_pair = '\x5c[\x00-\x7f]';
$domain_literal = "\x5b($dtext|$quoted_pair)*\x5d";
$quoted_string = "\x22($qtext|$quoted_pair)*\x22";
$domain_ref = $atom;
$sub_domain = "($domain_ref|$domain_literal)";
$word = "($atom|$quoted_string)";
$domain = "$sub_domain(\x2e$sub_domain)*";
$local_part = "$word(\x2e$word)*";
$addr_spec = "$local_part\x40$domain";
return preg_match("!^$addr_spec$!", $email) ? 1 : 0;
}

URL: para reconocer direcciones de internet:

{
\b
# Parte principal (protocolo://dominio, o solo dominio)
(
# http://, o https://
(https?)://[-\w]+(\.\w[-\w]*)+
|
# Nombre de dominio
(?i: [a-z0-9] (?:[-a-z0-9]*[a-z0-9])? \. )+ # subdominions
# .com, .net...
(?-i: com\b
| edu\b
| biz\b
| gov\b
| in(?:t|fo)\b # .int or .info
| mil\b
| net\b
| org\b
| [a-z][a-z]\.[a-z][a-z]\b # two-letter country code
)
)
# Puerto
( : \d+ )?
# El resto es opcional que empieza por /
(
/
[^.!,?;"\'<>()[]{}sx7F-\xFF]*
(
[.!,?]+ [^.!,?;â€\â€™<>()\[\]{\}s\x7F-\xFF]+
)*
)?
}ix

5 Regular Expressions Every Web Programmer Should Know

VÃa / dzone

Desarrollo web | Flash

OpenLaszlo: aplicaciones web en Flash

ByLuis December 21, 2006

OpenLaszlo es un entorno de desarollo opensource para crear “rich Internet applications”, consistente en tres aplicaciones: Compiler para compilar el cÃ³digo fuente en formato Flash, Runtime Framework que incluye la interfaz de usuario y componentes para ser usados y Servlet que admite otros tipos de archivos, SOAP y XML-RPC.

Con OpenLaszlo puedes crear aplicaciones mediante XMLs y Javascript, hacer un deploy desde cualquier navegador o desde una aplicaciÃ³n de servidor J2EE o servlets.

Demos

OpenLaszlo

Desarrollo web | Google

9 fallos que hacen que Google no te indexe

ByLuis May 15, 2007

Muchas veces el intentar desarrollar aplicaciones demasiado diferentes o mal implementadas, hace que las pÃ¡ginas que la pÃ¡gina web de nuestro cliente no sea indexada por Google:

MenÃºs Javascript: los buscadores no siguen los enlaces javascript.
Mapa de imagen: al igual que los javascripts, no pueden seguir las imÃ¡genes.

Enlaces con imÃ¡genes o rollover: cuando contienen javascript y no estÃ¡n desarrollados por CSS.
Pop-ups: desarrollados mediante Javascript.
MenÃºs por combos: cuando los menÃºs se crean mediante SELECT, normalmente se accede por un formulario.
Enlaces en etiquetas NOSCRIPT: debido al abuso de esta etiqueta por parte de spammers, los buscadores no le hacen caso.
Frames: debido a su mal uso, Google ha penalizado su uso.
Java: no puede acceder a su contenido ni ejecutarlos.
Flash: ya tratado con anterioridad el uso del Flash o no, los motores de bÃºsqueda no los tratan. De todas formas, siempre es recomendable presentar una alternativa al Flash.

Resumen: cuidado con el Javascript.

9 Common Web Design Mistakes Prevent Google From Indexing Your Site

VÃa / dzone

Desarrollo web | Microsoft

Microsoft Expression Web: al menos lo intenté

ByLuis May 25, 2007

Me entero por Error500 que Microsoft ha sacado nuevos productos y entre ellos el sustituto del FrontPage, programa del cual cualquiera que sepa algo de desarrollo web suelta pestes. Intrigado por esta nueva aplicaciÃ³n, por las posibilidades que pueda ofrecer, porque en la pÃ¡gina web de MS habla de la “pasiÃ³n por los estÃ¡ndares” (Â¡increible!) y porque el ordenador no es mÃo, decido instalarlo, aun cuando yo uso el PSPad Editor y tan contento.
AquÃ llegan los primeros problemas, ocupa poco mÃ¡s de 200 megas (demasiado, Â¿no?) y necesita el XP SP2 mÃnimo (demasiado, Â¿no?). Por lo que debido a ello me tengo que bajar unos 500 megas entre el SP2 y el Expression, 200 de cada y afortunadamente los 25 megas del .NET ya me los bajÃ© en otra ocasiÃ³n. DespuÃ©s de bajarme la versiÃ³n en espaÃ±ol, francÃ©s e inglÃ©s del SP2 (826.074.296 bytes), tres versiones distintas ya que cada vez que me bajaba una me decÃa que no podÃa porque el idioma es distinto al que tengo instalado (y no me funciona el Windows Update por polÃtica de redes), el espaÃ±ol es el idioma en el que me aparece el XP, el francÃ©s el del cliente, por lo que era de suponer que serÃa la opciÃ³n mÃ¡s lÃ³gica, y el inglÃ©s que ha sido la que me ha funcionado.
Para bajarme la versiÃ³n trial del Expression Web me registro en Microsoft, prometiendo que solo lo usarÃ© 30 dÃas de prueba y que durante ese periodo me mandarÃ¡n 3 emails para preguntarme que tal va la cosa.
Una vez ya tengo instalado el SP2, me pongo a instalar los 200 megas del programa en cuestiÃ³n. DespuÃ©s de un buen rato descomprimiendo y comprobando cosas, me pregunta que si quiero instalaciÃ³n estÃ¡ndar o personalizada. Como “experto” que me considero en instalaciones, selecciono la personalizada, en la cual me ofrece instalar el Expression Web, herramientas para Office y herramientas compartidas con Office y algo para Access. Decido no meter mucha cosa, porque aunque el ordenador no es mÃo, trabajo con Ã©l, por lo que elijo solo el Expression Web.
Se estÃ¡ instalando y cuando acaba y lo ejecuto me muestra un mensaje de Opciones de Privacidad que me pregunta que si quiero actualizar periÃ³dicamente un fichero que me ayudarÃ¡ a determinar problemas del sistema. Algo muy confuso y que da cierto miedo, por lo que como iba a desinstalar el programa nada mÃ¡s probarlo, no acepto la opciÃ³n que me muestran. De todas formas, no entiendo que problemas del sistema me podrÃa encontrar, ya me veÃa yo el olvidado pantallazo azul apareciendo cada 15 dÃas.
Arranco el programa y … Â¡no me deja hacer nada!, es imposible crear un nuevo documento, todas las opciones del menÃº estÃ¡n desactivadas. Bueno, todas no, la de abrir archivo si estÃ¡ disponible, por lo que abro un html que tenÃa por un directorio y nada, no aparece nada de nada.
Pienso que quizÃ¡s es mi culpa y que debÃa haber instalado las opciones de Office que no instalÃ© (la verdad es que no las leÃ todas) y que son necesarias para que funcione la aplicaciÃ³n. Curioso, Â¿no?, si selecciono instalar el programa me deberÃa decir: “mira, debes instalar tal o cual porque si no lo haces no vas a poder hacer nada de nada con los 200 megas de aplicaciÃ³n”. Pero bueno, da igual, yo sigo ilusionado con probar la aplicaciÃ³n para poder escribir algo en Sentido Web, asÃ que vuelvo a ejecutar el programa de instalaciÃ³n, indico que quiero aÃ±adir mÃ¡s opciones a la instalaciÃ³n actual y selecciono todo lo seleccionable.
Acaba la re-instalaciÃ³n, ejecuto el programa, las opciones del menÃº aparecen activadas, me emociono, sigue con la carga del programa, estÃ¡ a punto de acabar, ya estÃ¡, voy a poder usarlo… pero no, imposible, me aparece un precioso mensaje:

“La versiÃ³n beta del software ha caducado.
Utilice Agregar o quitar programas en el Panel de control para quitar la versiÃ³n beta del software del equipo.”
Al menos te indican cÃ³mo desinstalarlo, por si un casual se te habÃa olvidado.
Siento este post fuera de lo normal de Sentido Web, pero es que no podÃa callarme.

Desarrollo web

Consejos para desarrollar Rich Internet Applications

ByLuis February 9, 2007

Buenos consejos a tener en cuenta cuando quieras desarrollar un aplicaciÃ³n de internet (Rich Internet Applications):

Hazlo interactivo: en vez de ir pÃ¡gina a pÃ¡gina, hazlo que sea interactivo, edita contenidos, usa drag & drop.
Invita a usarlo: pequeÃ±os efectos con hover puede conseguir que el usuario se atreva a interactuar.
Usa popups ligeros: no se trata de ventanas popups, sino capas que de despliegan. Intenta usarlos cuando puedas para no tener que ir de pÃ¡gina en pÃ¡gina.
Piensa en la interacciÃ³n como si fuera un storyboard: situa los frames como un storyboard para hacerte una mejor idea de cÃ³mo se deben producir las acciones.
Indica que acciones se realizan: avisa cuando se haya producido una acciÃ³n, sin necesidad de dejar la pÃ¡gina.
Piensa en objetos: en vez de pensar en contenidos y pÃ¡ginas.

Puedes leer mÃ¡s en:

Nine Tips for Designing Rich Internet Applications

VÃa / backdraft

Similar Posts