Hoy me he encontrado un interesante reto, extraer la url de la primera imagen que haya dentro de un trozo de código en html (<img src=»…) pero con la «complicación» de que solo cojamos la imagen, si la imagen tiene parámetros, estos no deben ser cogidos.
Probé a buscar en Google pero después de dar unas cuantas vueltas y no encontrar nada que sirviese decidí pensar un poquito y hacer mi propia solución al problema, la cual comparto para hacer feliz a todos aquellos que se encuentren este problema en el futuro.
preg_match_all(
'/< *img[^>]*src *= *["\']?([^"\']*).(jpg|png|gif)/i'
, $codigoHTML, $matches );
$imagen = $matches[1][0].'.'.$matches[2][0];
El resultado lo obtendréis en la variable $imagen
Si tenéis sugerencias de como mejorar el código, ponedlo en comentarios, gracias por la visita =)
Pues según parece a Mozilla no le gusta que usemos javascript dentro de los enlaces, si te has encontrado con el problema de que Firefox te pone una página en blanco cuando intentas pulsar en un enlace con javascript que funcionaba perfectamente en Chrome, Opera, Safari e incluso Internet Explorer no te desesperes, solo tienes que hacer un pequeño cambio y seguirá funcionando en todos los navegadores incluyendo Firefox.
Read more…
Últimamente he estado investigando los nuevos elementos que nos va a traer HTML5 que, en general, son simplemente impresionantes. Hoy os hablaré de la nueva propiedad download.
¿Que problema resuelve esta nueva propiedad?
Queréis poner algo a descargar pero es algo que normalmente abrirá el navegador (html, css, txt, pdf, etc) y/o lo tenéis guardado con algún nombre identificativo no muy bonito de cara al usuario. Pues gracias al atributo download podréis hacer, sin tocar nada en la configuración del servidor, que el navegador descargue el archivo con el nombre que le digáis.
Read more…
¿Qué es un CSS Sprite?
Es una imagen que incluye un conjunto de imágenes agrupadas, a cada una de ellas se accede mediante CSS con un desplazamiento respecto del borde superior izquierdo, en CSS sería (0,0), y sus dimensiones absolutas. Por lo que es una forma de agrupar imágenes que podemos usar de forma independiente.
¿Qué ventajas tiene su uso? Read more…
Es muy probable que hayas visto que en este llevan en la URL el título del post, y es que esto es muy importante para el SEO.
Estos tipos de URL son mejor indexadas por Google ya que es más fácil que sus robots encuentren un post sobre “Posicionamiento web” si la dirección del post es /posicionamiento-web a que sea /p=123.
Eso es un punto a favor, ya que por más que el título diga Posicionamiento Web, la URL no lo dice y por lo ello google no lo considerará tan relevante y te posicionará peor.
¿Cómo configuro las URL de mi blog?
Read more…
Si ya utilizas WordPress y conoces sus ventajas puedes saltarte esta lección y pasar a las siguientes, pero si no conoces bien sus ventajas o no lo utilizas sigue leyendo.
Si estas empezando en el mundo de los blogs, seguro que habéis leído alguna vez la palabra SEO.
Pero, ¿Qué es el SEO?, SEO son las siglas de Search Engine Optimization, lo cual en castellano significa optimización para los motores de búsqueda. El SEO es más bien una técnica que utilizamos los bloggers para optimizar nuestros blogs y todo su contenido para aparecer mejor en Google y otros buscadores. El SEO es eso sencillamente, una técnica que sirve para aparecer mejor en los buscadores.
En los próximos artículos veremos cómo optimizar nuestros blogs usando SEO.