Guiabreve » Tutorial

Expresiones regulares más comunes (II)

Víctor Falcón Ruiz — Tue, 10 Jan 2012 16:03:56 +0000

Indice de la serie:

En un primer artículo sobre las expresiones regulares aprendimos como crearlas y las diferentes palabras reservadas que podíamos usar.

En este segundo artículo de la serie mostraré algunas de las expresiones regulares más comunes. Mirando las palabras reservadas de la noticia anterior junto a estas expresiones comunes las lograremos entender mejor.

Expresiones regulares comunes:

Fechas:
```
'/^\d{2}\/\d{2}\/\d{4}$/'
```
Este expresión nos validará una fecha del tipo DD/MM/YYYY. Es muy sencillo, hay tres grupos separados por un ‘/’.
- Los dos primeros grupos son d{2}. Es decir, dos digitos seguidos.
- El último grupo en vez de un dos tiene un 4 ya que son cuatro números para el año.
Hora:
```
^(0[1-9]|1\d|2[0-3]):([0-5]\d):([0-5]\d)$
```
Con esta expresión validamos una hora del tipo 10:45.33.
Email:
```
^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$
```
Nos aseguramos de que haya carcateres, más un arroba. Más caracteres y por último un punto y un dominio de dos o tres caracteres como mucho.

URL:

^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)( [a-zA-Z0-9\-\.\?\,\'\/\\\+&%\$#_]*)?$

Con esta expresión validamos una URL. Permitimos dos protocoles, el http y el ftp.

Más expresiones regulares:

Bueno, estas son solo unas pocas de las que podemos crear y encontrar por la red. Aqui os dejo algunas entradas donde encontrareis más:

Y en Google, ¡hay muchas más!

Creando y entendiendo las Expresiones regulares (I)

Víctor Falcón Ruiz — Thu, 01 Dec 2011 13:37:50 +0000

Indice de la serie:

Las expresiones regulares, o patrones, son una de las cosas más difíciles de entender debido a su complejidad, pero no nos asustemos. Una vez que las entendamos y les cojamos el tranquillo nos serán de muchísima utilidad.

¿Que son?

Las expresiones regulares son patrones que permiten buscar coincidencias con combinaciones de caracteres dentro de cadenas de texto.

Caracteres especiales:

Para definir el patrón usamos una combinación de caracteres especiales que nos ayudarán a crear la expresion. Los caracteres especiales más comunes son:

	Significado	Ejemplo
\	Indica que el siguiente caracter normal debe ser considerado como especial. También se utiliza como caracter de escape para los caracteres especiales.	/\n/ encuentra un salto de líena. Si se desea buscar el caracter ‘\’, habrá que utilizar /\\/
^	Se utiliza para encontrar el comienzo de una línea.	/a/ encuentra una ‘a’ en cualquier lugar, pero /^a/ haya una coincidencia con el caracter ‘a’ si se encuentra al comienzo de una línea.
$	Se utiliza para encontrar el final de una línea.
*	Encuentra coincidencia del caracter que le precede cuando aparece 0 o más veces en la cadena.	*/hola/** encuentra coincidencias en las cadena "hol", "hola" y "holaaaa".
+	Igual que el ‘*’, pero cuando el caracter aparece 1 o más veces.
?	Igual que el ‘*’, pero cuando el caracter aparece 0 o 1 vez.
.	Se utiliza para encontrar cualquier caracter que no sea un caracter de nueva línea.	/.sa/ encontrará coincidencias en las cadenas "casa", "cosa" y "cesa", pero no en "asa".
(x)	Encuentra coincidencias con ‘x’, y recuerda el patrón para su posterior utilización.
x\|y	Encuentra coincidencia si aparece el caracter ‘x’ o el caracter ‘y’.
{n}	Encuentra coincidencia si hay exactamente n apariciones del caracter que precede.	Por ejemplo, /a{3}/ encuentra coincidencia en "holaaa", pero no en "holaa".
{n,}	Encuentra coincidencia si hay al menos n apariciones del caracter que precede.
{n,m}	Encuentra coincidencia si hay como mínimo n y com máximo m apariciones del caracter que precede.
[xyz]	Representa un conjunto de caracteres individuales.	/[aeiou]/ encuentra coincidencias con cualquier vocal. Si se utiliza el caracter ‘-’ se pueden definir rangos. Por ejemplo, /[0-3]/ encuentra coincidencias si aparecen en la cadena los caracteres ’0′, ’1′, ’2′ o ’3′.
[^xyz]	Representa un conjunto de caracteres individuales complementario. Encunetra coincidencias con aquellos caracteres que NO aparezcan en el conjunto. Al igual que en el caso anterior, con el ‘-’ se pueden definir rangos.
[\b]	Encuentra coincidencia con el caracter de retroceso.
\b	Encuentra coincidencias con los límites de las palabras.	Por ejemplo, /\bola/ encuentra la cadena "ola" en "Viene una ola", pero no en "Viene una cola".

Y con estoy ya podemos crear nuestras própias expresiones regulares.

En el próximo capítulo enseñaré algunas de las expresiones regulares más comunes explicándolas para que además de sernos utiles las entendamos.

Tip WordPress (II): Cambia la fuente del editor

Víctor Falcón Ruiz — Thu, 22 Sep 2011 11:26:38 +0000

Personalmente, me encanta el editor de WordPress, su aspecto y como funciona. Pero, en ocasiones puede venirnos bien cambiar, por ejemplo, la fuente para que se parezca más a como quedarán las noticias una vez publicadas.

Esto es muy sencillo de hacer. Simplemente tenemos que añadir en el archivo functions.php lo siguiente:

add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' );

function devpress_fix_html_editor_font() { ?>

Como vemos, lo unico que hacemos es añadir una nueva propiedad CSS a los elementos #editorcontainer #content y #wp_mce_fullscreen. Podemos personalizar la fuente a nuestro gusto además de el tamaño, color, etc.

Crea una página de error 404 con animaciones CSS3

Víctor Falcón Ruiz — Thu, 18 Aug 2011 09:00:23 +0000

Las páginas de errores, aunque no se deberían de ver nunca, también hay que cuidarlas. Es importante que sea atractiva. Ya que se ha producido un error hay que intentar que el usuario no abandone la página y si podemos llamar la atención positivamente, mejor.

En .net nos proponen crear una página de error 404 usando animaciones CSS3. El resultado es muy bueno.

Tutorial básico de FireBug para depurar PHP

Víctor Falcón Ruiz — Thu, 14 Jul 2011 14:55:41 +0000

Pablo nos ha preparado una miniguia para aprender a usar FirePHP. FirePHP es un plugin para FireBug que nos ayuda a depurar código PHP.

Yo, para depurar código PHP siempre había utilizado echos y print_r. Nunca me ha hecho falta nada más. Ahora, usando FireBug tengo una forma más limpia de buscar errores ya que no tengo que llenar la pantalla de variables y resultados innecesarios.

Aqui tenéis el tutorial, espero que os sea igual de útil que a mí.

Bloques enteros cliqueables con Javascript y un poco de CSS

Víctor Falcón Ruiz — Thu, 17 Mar 2011 15:48:25 +0000

Algo que me quedó por hacer, al actualizar el diseño del blog, era que los enlaces recomendados de la derecha sean completamente cliqueables. Es decir, quería que el bloque li entero sea cliqueable, no solo el enlace en sí.

El código como vemos es muy sencillo, un par de lineas de javascript:

$(document).ready(function(){
$("ul.clickable li").click(function(){
window.location=$(this).find("a").attr("href");return false;
});
});

Como vemos en el código lo que hacemos es localizar todos los elementos ul.clickable li y al hacer clic sobre él, buscamos el elemento href de un enlace y redirigimos el navegador a dicha dirección consiguiendo el efecto de cliquear en un enlace.

Para conseguir aun más el efecto tenemos que hacer que al situar el puntero sobre el bloque este cambie por “la mano” al igual que con los enlaces.

ul.clickable li {cursor: pointer;}

Por supuesto, necesitamos agregar la librería jQuery para que todo funcione.