Para empezar a mostrar pdf y leerlos online copia y pega el siguiente código en tu archivo functions.php de tu tema de wordpress

function leer_pdf_online($attr, $url) {
    return '<iframe src="http://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Esto cargará un iframe</iframe>';
}
add_shortcode('embedpdfonline', 'leer_pdf_online');

A continuación, utilice la siguiente sintaxis para mostrar un PDF. Podrás especificar el ancho y alto que ocupará el iframe. Entre las etiquetas [embedpdfonline][/embedpdf] tendrás que especificar la url completa del pdf que quieres mostrar y listo. Se cargará un iframe generado por Google Docs donde podremos leer el pdf online mas o menos como si se tratara del Adobe reader.

Incluye el siguiente código en cualquier parte de tu artículo o página de WordPress donde quieras mostrar el pdf

[embedpdfonline width="500px" height="400px"]http://www.pedroventura.com/archivos/guia_optimizacion_motores_busqueda.pdf[/embedpdf]

Ejemplo de leer un pdf online, para ello utilizaré unas de las guías de referencia que podréis encontrar en mi blog:
Guia SEO de Google

Este código funciona mediante Shortcodes de la API de WordPress. Básicamente es un conjunto de funciones que crean macros de código para usar en el contenido de los artículos

Documentación de la API de Shortcode de WordPress http://codex.wordpress.org/Shortcode_API

Tags de búsquedas:

leer pdf online, wordpress org comentarios en pdf

Related posts:

1. Seguridad en WordPress, elimina el meta con la version de wordpress
2. Leer el correo mediante telnet puerto 110 (Acceso al servidor POP3)
3. Convertir pagina web a pdf
4. Añadir el boton “me gusta” “like” de Facebook en tu blog wordpress
5. Crear archivos PDF con CakePHP

Detectar iPad mediante PHP

Detectar si es un iPad es muy sencillo, no es más complicado que saber si está desde un pc, mac o lo que sea. Para ello usaremos la variable de servidor USER_AGENT, $_SERVER['HTTP_USER_AGENT'] que es lo que el navegador envía al servidor para identificarse. En esta variable de servidor contiene bastante información acerca del usuario, como por ejemplo el sistema operativo que está usando y su versión, el motor de navegador y su versión, y otros datos de idioma y geoposicionamiento básico, etc.

En mi caso la información que está enviando es la siguiente (desde mi navegador de mi pc con Linux):

[HTTP_USER_AGENT] => Mozilla/5.0 (X11; Linux x86_64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1

En el caso de que estemos visitando nuestra web desde un iPad será algo similar a lo siguiente:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; es) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Con toda esta información ya podemos realizar una simple expresión regular y comprobar si el usuario está navegando desde un iPad. En PHP se haría de la siguiente manera:

function detectar_iPad() {
return (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
}

Si devuelve true es que es un iPad.

Detectar iPad mediante Javascript

function isIPad(){

    if(navigator.userAgent.match(/iPad/i) != null){
        return true;
    }else{ return false;}
}

Detectar iPad mediante Apache, directiva en .htaccess

Y la forma de hacer esto a nivel global es metiendo una directiva de Apache, de esta manera no lo tendremos que hacer ni con php ni con Javascript.

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.dominio.com [R=301]

Tags de búsquedas:

detectar informacion del usuario por php, detectar ipad con javascript, detectar web si es ipad, javascript ipad, ssi detectar ipad

Related posts:

1. Directiva htaccess para redireccionar web en dispositivo móvil
2. Parseando XML con PHP. Lo más fácil y simple
3. Obtener la extension de un archivo subido con php
4. mostrar los mensajes de error del php por pantalla con error_reporting
5. crear marcas de agua con php

Ahora bien esto se aplica en dos casos:

• En sitios web que se orienten a varias regiones y que usen prácticamente el mismo contenido (por ejemplo, páginas web en inglés que se orienten a Australia, a Canadá y a EE.UU. y que solo se diferencien en los precios)
• En sitios web orientados a varias regiones que incluyan contenido completamente traducido o que muestren un contenido monolingüe con diferencias notables enfocado a varias regiones (por ejemplo, la página web de un producto en alemán, en francés y en inglés).

Para indicar el idioma y la ubicación hay que agregar el atributo hreflang al elemento de enlace rel=”alternate” de la etiqueta html </link>

Ejemplos:

<link rel="alternate" hreflang="es" href="http://www.dominio.com/" />
<link rel="alternate" hreflang="es-ES" href="http://es-es.dominio.com/" />
<link rel="alternate" hreflang="es-MX" href="http://es-mx.dominio.com/" />
<link rel="alternate" hreflang="en" href="http://en.dominio.com/" />

El atributo hreflang permite especificar el idioma o el país, y la URL asociada. Éstas URLs asociadas o alternativas nos permiten consolidar los indicadores de estas páginas y ofrecer la URL adecuada a los usuarios que hagan una búsqueda. Estas URL pueden pertenecer al mismo sitio o a otro dominio.

Para páginas que su contenido es prácticamente el mismo, cosa que está mal valorada por Google y que perjudica en el posicionamiento, también habrá que incluir la etiqueta rel=”canonical”, de esta manera en la búsqueda siempre se indica una url o un site como predefinido (al que quieres darle más prioridad) y al que apuntan el resto de páginas con contenido similar.

<link rel="canonical" hreflang="es" href="http://www.dominio.com/" />
<link rel="alternate" hreflang="es-ES" href="http://es-es.dominio.com/" />
<link rel="alternate" hreflang="es-MX" href="http://es-mx.dominio.com/" />

Nota de Google

Cuando Google detecte un grupo de páginas con una única URL canónica, nuestros algoritmos mostrarán el título y un fragmento de la versión canónica en los resultados de búsqueda. Por tanto, te recomendamos que no incluyas contenido específico de una región en el título ni en las etiquetas de metadescripción de la URL canónica. Por ejemplo, utiliza “Example Widget Inc” en lugar de “Example Widget USA Inc” o “Example Widget UK”.

Valores que puede tomar el atributo “hreflang”

El valor del atributo hreflang identifica el idioma y, opcionalmente, la región de una URL alternativa. Por ejemplo:

es: contenido en español, independientemente de la región
es-MX: contenido en español para usuarios mexicanos
es-ES: contenido en español para usuarios españoles

Referencia de interés.

http://googlewebmaster-es.blogspot.com/2011/12/nuevo-marcado-para-contenido.html

http://support.google.com/webmasters/bin/answer.py?hl=es&answer=189077

Tags de búsquedas:

el mejor plugin multi idioma para wordpress seo, link hreflang seo, optimizar seo para diferentes idiomas, rel=alternate hreflang=es, seo multiidioma

Related posts:

1. Utilizar mod_deflate para comprimir contenido Web desede Apache
2. Google I/O Lanzamientos y mejoras previstas
3. Como vaciar o eliminar el contenido de un archivo existente en UNIX / Linux
4. Mejoras en Google Friend Connect
5. plugin cache en wordpress. Mejora la velocidad de tu blog… y el SEO

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

Otra versión en htaccess que redirecciona en función del navegador web es la que he visto en la herramienta http://detectmobilebrowsers.com/

En esta herramienta podemos ver diferentes manera de redireccionar en función del navegador web del dispositivo móvil, y se puede hacer en muchos lenguajes, tipo python, perl, JSP, Javascript, php, etc.. también hay una directiva para el servidor nginx.

Tags de búsquedas:

código para redirecionar a un dispositivo móvil una pagina web, web en dispositivos moviles, web a movil htaccess, redirigir web móvil, redireccionar web ipad y iphone, redireccionar web a moviles, redireccionar version movil javascript, redireccionar html a version para movil, redireccion java dispositivo movil, htaccess movil

Related posts:

1. Detectar iPad con PHP o Javascript
2. htaccess redireccionamiento con barra a sin barra
3. Firefox y el cacheo de las redirecciones 301 de .htaccess
4. Que significa cada parámetro % en las directiva LogFormat de httpd.conf
5. Acid3. El test para los navegadores web

RabbitVCS ofrece integración para el administrador de ficheros (File Manager) de Nautilus y Thunar. También para el editor de texto Gedit. Y como he comentado ofrece soporte para Subversión y Git.

Integración con Nautilus

Integración con Gedit

Integración con Thunar

Ejecución en linea de comandos

Navegar en el repositorio de Subversion

Git LOG

En definitiva incluye una completa gama de funcionalidades y recursos.

Instalación en Ubuntu

Añadir el repositorio

sudo add-apt-repository ppa:rabbitvcs/ppa

Añadir en source. En el archivo /etc/apt/sources.list

deb http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu **DISTRIBUTION** main

en **DISTRIBUTION** hay que agregar la distribución de tu versión de ubuntu entre las disponible que soporta RabbitVCS, en el siguiente enlace se puede ver las distintas distribución soportas por el software http://ppa.launchpad.net/rabbitvcs/ppa/ubuntu/dists/

Actualizar los repositorios de software con

sudo apt-get update

Terminar la instalación con

sudo apt-get install rabbitvcs-core rabbitvcs-nautilus rabbitvcs-thunar rabbitvcs-gedit rabbitvcs-cli

Como yo tengo, a día de hoy, Ubuntu 11.10 de 64bits no me funcionaba este último paso, por lo que el último paso no lo llegué a realizar directamente desde consola sino que una vez hecho el update fui a “Centro de Software de Ubuntu” y lo instalé a través del panel.

Luego se instala la versión Nautilus 3 extension for RabbitVCS, pedirá las dependencias y se instala el paquete rabbitvcs-core y rabbitvcs-cli. Aunque éstos se pueden instalar anteriormente desde consola. El único problema puede venir a la hora de instalar el cliente para Nautilus si tienes la última versión de éste administrador de archivos.

Recomiendo a todo el quiera a probarlo y usarlo, como he dicho personalmente es el que más me ha gustado y más funcionalidades tiene así como un interfaz gráfico bastante bueno.

Para instalar RabbitVCS en otras distribuciones de Linx tipo Fedora, Debian, CentOS, etc.. en la página oficial hay un tutorial para cada una de ellas: http://www.rabbitvcs.org/

Tags de búsquedas:

dependencias rabbitvcs, gestion de versiones de software, integracion nautilus svn, rabbitvcs configurar

Related posts:

1. memcached tool. Herramienta para visualizar el uso de la cache en ram con memcached
2. Subversion post-commit hook. Actualizar los archivos después de enviar un commit de subversion
3. firewall básico en linux para bloquear ips a servicios con hosts.allow y hosts.deny
4. Pero es que no hay un IDE de PHP óptimo para Linux??!
5. Nomenclatura para discos duros y particiones de linux

Hoy indicaré 10 herramientas online para simplificar y ayudar a la creación de nuestro código html5, muy útiles para principiantes y como repaso para los que ya han hecho algo en HTML5.

Initializr

Es un generador de plantillas HTML5 con el que podrás crear nuevos proyectos web basados en HTML5 Boilerplate. Initializr generará una plantilla vacía y customizable lista para empezar a desarrollar tu aplicación.

Visitar: Initialzr

HTML5demos

Quieres saber si Firefox soporta el nuevo canvas de HTML5? o si en Safari funciona el cliente de chat de HTML5?

Desde el site de HTML5demos podrás saber al momento que propiedades o funcionalidades se pueden usar en cada navegador

Visitar: HTML5 demos

HTML5 Tracker

Quieres estar al tanto de que pasa con HTML5? Permanece pendiente de las últimas revisiones usando este tracker.

Vistar: HTML5 Tracker

HTML5 visual cheat sheet, Guía de referencia HTML5

Tener una guía de referencia de las etiquetas y atributos siempre ayuda y es algo que siempre deberíamos tener a mano por si acaso.

Ver guía de referencia HTML5

Otra formato de Guía de referencia: HTML5-Visual-Cheat-Sheet-Reloaded1.pdf

Otro formato adiccional lo he encontrado en flickr http://www.flickr.com/photos/antoniolupetti/3894233282/sizes/l/

Switch To HTML5

Switch To HTML5 es un generador de plantillas básico pero eficaz. Si estás empezando un nuevo proyecto desde 0, sin duda deberías probarlo antes de empezar y generar una plantilla que se adapta a lo que necesites y lo que ofrece esta herramienta.

Vistar: Switch To HTML5

Cross browser HTML5 forms

Los formularios son una parte muy importante de cualquier web. HTML5 ofrece calendarios, muestras de color,sliding widgets, validaciones del lado del cliente y muchas más herramientas, pero hay un problema: Muchos navegadores no soportan todas las funcionalidades de HTML5, con esta web podrás aprender como crear formularios HTML5 que son perfectamente compatibles entre los navegadores.

Visitar: Cross browser HTML5 forms

HTML5 Test

Tu navegador está preparado para HTML5? Con HTML5 Test lo sabrás. Esta herramienta te permitirá obtener un completo reporte de las diferentes funcionalidades que soporta tu navegador tipo, vídeo, audio, canvas, etc

Visita: HTML5 Test

HTML5 Canvas Guía de referencia

El elemento canvas es una parte muy importante e interesante de HTML5, ya te permite dibujar en la pantalla.Por lo tanto, es básicamente una lista de los atributos y los métodos del elemento canvas y el contexto de dibujo 2D.

Descargar: la guía de referencia HTML5 Canvas

Lime JS

LimeJS es un framework HTML5 para juegos, experiencia nativa de los juegos para todas las pantallas táctiles modernas y navegadores de escritorio.

Visitar: Lime JS

HTML5 Reset

HTML5 Reset es un conjunto de archivos (HTML, CSS, etc) diseñado para ayudarte a ahorrar tiempo al iniciar nuevos proyectos.

Vistar: HTML5 Reset

Tags de búsquedas:

codigo html5 para moviles, que herramientas crean el html5, plantillas html5 tactil, plantilla css vacia para moviles, lista codigos html 5, html5 diseñar, construir platilla con html5, construir plantillas con boilerplate, como generar codigo html 5, comenzar codigo html5

Related posts:

1. Crear un portafolio online con Electrofolio
2. HTML5 Geolocalizacion de un usuario
3. empezando con html 5. Tutoriales, ejemplos y opiniones
4. Google y HTML5. Otra genial animación esta vez en honor a Julio Verne
5. crear un sitemap para videos

Si Firefox cachea redirecciones a nivel de .htaccess, renderizará las viejas redirecciones en vez de las nuevas actualizadas en el .htaccess.

Ahora bien cual es el problema? Pues que como no tengas esto en cuenta puedes estar trabajando en tu código y estar el tiempo que sea hasta que te des cuenta que tan solo se trata de vaciar la cache de firefox, puede ser una tonteria pero me ha pasado en un par de ocasiones estar mas de media hora trabajando y al final darme cuenta que es el cacheo de las redirecciones en firefox y cabrearme bastante!!

Seguro que a mas de uno le ha pasado.

Lo explicaré con un ejemplo

Vamos a decir que tenemos la url /tienda/categoria1-categoria2-subcategoria1-subcategoria2-c-10_10.html (este es un formato presente en las url de oscommerce)

Hago una redireccion a una url nueva y mejor para SEO, con el siguiente formato /tienda/categoria1-categoria2/subcategoria1-subcategoria2

Para ello creo una simple redireccion a nivel de .htaccess (esta redirección contiene un error)

RewriteRule ^tienda/([a-z]+)-([a-z]+)-([a-z]+)-([a-z]+)-c-([0-9]+)_([0-9]+).html$ http://%{HTTP_HOST}/tienda/$1-$2-$3/$4 [R=301,L]

Pruebo la redireccion que he creado en el navegador y la url vieja me está redirigiendo al siguiente tipo de url nueva
/tienda/categoria1-categoria2-subcategoria1/subcategoria2 upss esta url está mal no es lo que quería!! tendré que cambiarlo.

Volvemos al .htaccess y lo cambiamos por el patrón correcto

RewriteRule ^tienda/([a-z]+)-([a-z]+)-([a-z]+)-([a-z]+)-c-([0-9]+)_([0-9]+).html$ http://%{HTTP_HOST}/tienda/$1-$2/$3-$4 [R=301,L]

Introduzco la url vieja y me sigue redirigiendo a la url anterior cuyo formato era /tienda/categoria1-categoria2-subcategoria1/subcategoria2.

Vaya que estará pasando? vuelvo a .htaccess y sigo haciendo cambios, ninguno funciona, sigue rediriendigo a la misma url por mas cambios que hago, después de un rato ya caigo, maldito cacheo!! En el Menu de firefox > Herramientas > Limpiar el historial reciente y seleccionar cache, pulsar el botón “limpiar ahora”.

Ahora ya redirige a mi url nueva y mejorada.

Conclusión

Como he puesto en el título del artículo esto tan sólo ocurre con las redirecciones tipo 301, por lo menos es con las que he llegado a probar. Si el tipo es 302,304 o un 307 no me ha cacheado la redirección.

Mas allá de que el problema sea de Firefox, ya que las pruebas que he hecho con Chrome e IE 8 no me ha cacheado la redireción, las redirecciones 301 son un tipo de redireccion permanente por lo que tiene sentido que sean cacheadas, ver un listado de los posibles tipos de códigos para los status de las peticiones http.

Para evitar esto habrá que ver que política se usa en el comportamiento de cache-control http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9 metiendo un tiempo de cacheo muy breve o directamente un Cache-Control: no-cache.

La otra solución es vaciar siempre la cache del navegador cuando se hacen pruebas con redirecciones 301.

Para hacerlo más rápido se puede instalar la extensión “clear cache button”

Y meterlo en la barra de navegación para tenerlo siempre accesible

Tags de búsquedas:

cache redireccion wordpress, firefox cachea redireccion, htaccess redireccion 301

Related posts:

1. htaccess redireccionamiento con barra a sin barra
2. Proteger carpeta con htaccess y .htpasswd
3. Directiva htaccess para redireccionar web en dispositivo móvil
4. Errores 404. ¿Perjudican? Como tratar y gestionar los errores 404 de las urls.
5. HTTP status códigos de respuesta de las cabeceras

Los administradores y los redactores accedían a esta sección de la web para gestionar toda la aplicación, así como crear contenido, etc,… el problema es que tras navegar por la aplicación interna, realizar diferentes acciones, crear contenido, editar o lo que necesitaran hacer llegaba un momento que la aplicación se deslogueaba. Porqué?

El problema reside en la session que se crea bajo HTTP o HTTPS no son iguales.
De manera que una session creada bajo HTTP como la siguiente

<?php   $_SESSION['user'] = 'pedro'; ?>

bajo HTTPS si queremos hacer un print_r o un var_dump, no tiene valor, no existe.

<?php   var_dump($_SESSION['user']); ?>

Sessión creada bajo HTTP creada con CakePHP

Ahora bien, porque se deslogueaba?

Normalmente los paneles de control o herramientas de gestión internas y privadas, la cuenta de facebook, etc,.. tienen el login inicial y sucesivas comprobaciones de las credenciales a lo largo de la conexión por medio de la sessión. Pues bién en mi caso había ciertas llamadas bajo http o algunos elementos que incluía por ejemplo un .css o un .js que no existían y daban como resultado un error 404 pero bajo http, lo que pasaba es que la conexión http me estaba sobrescribiendo la session de https y cuando el panel de control interno quería comprobar de nuevo las credenciales mediante la sessión, esta se había sobrescrito y estaba vacía de manera que como sistema de seguridad se deslogueaba.

Solución 1. La más rápida

La solución más sencilla a priori es obtener el id de session que se asigna mediante session_start() y pasarla por url. Ejemplo http://www.example.com/index.php?sid=123 => https://secure.example.com/login.php?sid=123
Esto no es ni siquiera recomendable. Lo comento porque lo he visto en muchos blogs y foros. Y personalmente no enviaría el id de session por url, porque puede dar lugar a ataques de tipo Session fixation. (Más sobre Session Fixation Vulnerability). A parte parece una chapuza o un parche, y si parece una chapuza entonces es que lo es.

Creo que nunca lo he hecho hasta el momento y es posible que no lo haga.

Solución 2. Usar sólo cookies bajo HTTPS

• Cuando usas session_start() se genera una cookie con el ID de session y se almacena en el navegador del usuario. La session ID es solicitada, por lo que el script PHP puede identificar la session del usuario.
• Se puede establecer la configuración de la session con parámetros en el PHP para restringir la cookie de session para que solo se solicite en peticiones bajo HTTPS. Esto hace que el ID de session se envíe encriptado, pero que no funcione la session en peticiones bajo HTTP. Lo que tampoco es algo productivo.

Para ello tendremos que añadir una directiva de PHP al código.
session.cookie_secure especifica si las cookies deberían enviarse sólo sobre conexiones seguras. Por defecto es off.

if (env('HTTPS')) {
        ini_set('session.cookie_secure', 1);
}

De esta manera forzamos a que las cookies se envíen siempre encriptadas.

O para forzar que sea en toda la aplicación, habría que poner la directiva session.cooke_secure a 1 en cualquier archivo de configuración principal para que herede toda la aplicación.

Solución 3. Usar sólo cookies bajo HTTP

Sería el caso contrario al anterior, el problema es que el id de session no estaría encriptado y sería un nivel que quitamos de seguridad, a la aplicación.

Bastaría con forzar el mismo parámetro anterior a 0.

ini_set('session.cookie_secure', 0);

Como yo uso mucho el framework CakePHP también he querido probar esta solución.
Habría que comentar la linea 420 en /cake/lib/session.php, la linea sería la siguiente:ini_set(‘session.cookie_secure’, 1);

if (env('HTTPS')) {
        ini_set('session.cookie_secure', 1);
}

Una solución mejor

Quizá la mejor solución es manejar sessiones bajo HTTP y HTTPS pero para eso se requiere que el login, paneles de control de usuario y demás información personal se lleve a cabo bajo HTTPS de manera que toda la información sensible esté en la cookie encriptada y usar una session PHP normal para el resto de datos en general, sin restricciones ni seguridad.

De entre todo el código que he hecho y que he visto, podría como posibles soluciones las siguientes.

session_start();
setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);

Con lo cual creamos dos cookies de sessiones una para HTTP y otra para HTTPS

<?php
$secure = array_key_exists('HTTPS', $_SERVER);
$cookie = false;

// existing session
if(array_key_exists('PHPSESSID', $_COOKIE))
{
$cookie = setcookie('PHPSESSID', $_COOKIE['PHPSESSID'], NULL, NULL, NULL, (int) !$secure);
}
session_start();

// new session
if(!$cookie)
{
setcookie(session_name(), session_id(), NULL, NULL, NULL, (int) !$secure);
}
?>

De todas maneras este artículo está abierto a sugerencias y comentarios, no estaría mal saber como otros desarrolladores gestionan este problema.

Tags de búsquedas:

evitar que entren por url session php, https con php

Related posts:

1. error con sessiones: Cannot send session cache limiter – headers already sent
2. Cakephp aumentar el tiempo de session timeout
3. cakephp funcion para bloquear ips y evitar spam
4. Evitar que se descarguen tu web y bloquear otros crawlers desde robots.txt
5. mostrar los mensajes de error del php por pantalla con error_reporting

Introducción

Las expresiones regulares son patrones de búsqueda que se pueden utilizar para encontrar el texto que coincide con un patrón determinado. Por ejemplo, en el último capítulo, buscamos la  subcadena Cookbook dentro de una cadena más larga:

var testValue = "This is the Cookbook's test string";
var subsValue = "Cookbook";

var iValue = testValue(subsValue); 

devuelve el valor 12 que es el indice de la subcadena

Este fragmento de código funcionó porque estábamos buscando una coincidencia exacta. Pero lo que si queremos una búsqueda más general? Por ejemplo, queremos buscar para Cook y la palabra Book, en cadenas como “Joe’s Cooking Book” o “JavaScript Cookbook”?

Cuando estamos en busca de cadenas que coinciden con un patrón en lugar de una cadena exacta, tenemos que usar expresiones regulares.
Podemos tratar de hacerlo con las funciones de String funciones, pero al final, es realmente fácil de usar expresiones regulares, aunque la sintaxis y el formato es un poco extraño y no necesariamente “amigable”.

Una expresion regular literal

RegExp puede ser un literal y un objeto. Para crear un literal RegExp, se utiliza la siguiente sintaxis:

var re = /regular expression/;

El patrón de expresión regular se encuentra entre la apertura y el cierre de las barras diagonales. Tenga en cuenta que este modelo no es una cadena: no desea utilizar comillas simples o dobles alrededor del patrón, a menos que las propias citas son parte de la estructura de partido.

Las expresiones regulares se componen de caracteres, ya sea solo o en combinación con caracteres especiales, que proporcionan para ajustar más complejo. Por ejemplo, la siguiente es una expresión regular para un patrón que coincida con una cadena que contiene la palabra Shelley y la palabra Powers, en ese orden y separados por uno o más espacios en blanco:

var re = /Shelley\s+Powers/;

Los caracteres especiales en este ejemplo son la barra invertida (\), que tiene dos fines: o bien se utiliza con un carácter regular, para indicar que se trata de un carácter especial, o se usa con un carácter especial, como el signo más (+ ), para indicar que el caracter debe ser tratada literalmente. En este caso, la barra invertida se utiliza con “s”, que transforma la letra s de un carácter especial la designación de un espacio en blanco, como un espacio, tabulación, avance de línea, etc. El carácter especial \s es seguido por el signo más, \s+, que es una señal para que coincida con el carácter anterior (en este ejemplo, un espacio en blanco) una o más veces. Esta expresion regular funcionará con:

Shelley Powers

Pero también con la siguiente cadena

Shelley     Powers

No funcionará con el siguiente texto

ShelleyPowers

No importa la cantidad de espacio en blanco entre Shelley y Powers, por el uso de \s+. Sin embargo, el uso del signo más se requieren por lo menos un espacio en blanco.

A continuación una tabla con la mayoría de los caracteres especiales en las aplicaciones de JavaScript.

Caracteres especiales para las expresiones regulares con Javascript

Una expresión regular con Object

La expresión regular es un objeto de JavaScript, así como un literal, por lo que también se pueden crear con un constructor, de la siguiente manera:

var re = new RegExp("Shelley\s+Powers");

Cuándo usar cada tipo? El literal RegExp se compila cuando el script se evalúa, por lo que debe utilizar un literal RegExp cuando sabes que la expresión no va a cambiar. Una versión compilada es más eficiente. Utilice el constructor cuando cambia la expresión o se va a construir o asignar en tiempo de ejecución.

Ejemplo: Probar si existe una cadena

Vamos a comprobar si una cadena está contenida en otra cadena.
Utilizar una expresión regular JavaScript para definir un patrón de búsqueda, y luego aplicar el patrón contra de la cadena a buscar, mediante el método RegExp. Haremos que coincida con cualquiera cadena que tenga las dos palabras Cook y Book en ese orden:

Solución.

var cookbookString = new Array();

cookbookString[0] = "Joe's Cooking Book";
cookbookString[1] = "Sam's Cookbook";
cookbookString[2] = "JavaScript CookBook";
cookbookString[3] = "JavaScript BookCook";

// patrón de búsqueda
var pattern = /Cook.*Book/;
for (var i = 0; i < cookbookString.length; i++)
alert(cookbookString[i] + " " + pattern.test(cookbookString[i]));

La primera y tercera cadenas tiene un resultado positivo, mientras que la segundo y cuarta no.

El método de prueba RegExp toma dos parámetros: la cadena de prueba, y un modificador opcional. Se aplica la expresión regular con la cadena y devuelve true si hay una coincidencia, falso si no hay.

En el ejemplo, el patrón es la palabra Cook y la palabra Book, que aparecen en algún lugar en la cadena, la palabra Book después de la palabra Cook. Puede haber el númro de caracteres que sea entre las dos palabras, incluyendo que no haya nada indicados por los carácteres espciales, punto (.) y el asterisco (*)

El decimal en las expresiones regulares es un carácter especial que coincide con cualquier carácter excepto el carácter de nueva línea. En el patrón de ejemplo, el decimal es seguido por un asterisco, que coincide con el carácter anterior cero o más veces. Combinados, generan un patrón de coincidencia con cero o más de cualquier carácter, excepto una línea nueva.

Ejemplo: Comprobando las coincidencias entre mayúsculas – minúsculas en una cadena

Quieres comprobar si una cadena está contenida en otra cadena, pero no importar si el caracter mayuscula-minuscula.
Para ello, a la hora de crear la expresion regular, hay que utilizar el indicador para ignorar (i) al final de la expresion regular.

var cookbookString = new Array();

cookbookString[0] = "Joe's Cooking Book";
cookbookString[1] = "Sam's Cookbook";
cookbookString[2] = "JavaScript CookBook";
cookbookString[3] = "JavaScript cookbook";
// patrón de busqueda
var pattern = /Cook.*Book/i;
for (var i = 0; i < cookbookString.length; i++) {
alert(cookbookString[i] + " " + pattern.test(cookbookString[i],i));
}

Los cuatro patrones coindicen.

Flags o indicadores de las expresiones regulares

Ejemplo: Encontrar y destacar todas las instancias de un patrón

Quieres encontrar todas las instancias de un patrón dentro de una cadena. Para ello hay que utilizar el método exec en la expresión regular con el flag (g).
Vamos a decir como ejemplo cualquier palabra que empieza con t y termina con e y nos dará igual el numero de caracteres entre ellos.

var searchString = "Now is the time and this is the time and that is the time";
var pattern = /t\w*e/g;
var matchArray;

var str = "";
while((matchArray = pattern.exec(searchString)) != null) {
  str+="at " + matchArray.index + " we found " + matchArray[0] + "
";
}
document.getElementById("results").innerHTML=str;

El metodo exec de la expresion regular, devuelve null si no se encuentra la coincidencia, o un array con la información encontrada. En el array se encuentra el valor actual que ha encontrado, el índice de la cadena donde se encuentra la coincidencia,cualquier coincidencias de subcadenas entre paréntesis, y la cadena original.

Ejemplo: Reemplazar un patrón por una nueva cadena

Para ello hay que usar el metodo replace del objeto String con una expresión regular.

var searchString = "Now is the time, this is the time";
var re = /t\w{2}e/g;
var replacement = searchString.replace(re, "place");
alert(replacement); // Now is the place, this is the place

Ejemplo: Intercambio de palabras en una cadena usando paréntesis de captura

Hay que usar paréntesis de captura y una expresión regular para encontrar y recordar los dos nombres de la cadena, y revertirlos.

En el ejemplo vamos a intercambiar el nombre de orden, poniendo el nombre al final y el apellido primero.

var name = "Pedro Ventura";
var re = /^(\w+)\s(\w+)$/;
var newname = name.replace(re,"$2, $1");

Los paréntesis de captura nos permitirá no sólo para que coincida con los patrones preestablecidos en una cadena, sino que además hace referencia al subcadenas coincidentes. Las cadenas coincidentes son referenciadas numericamente de izquierda a derecha y son representadas con el uso de “$1″ y “$2″ en el método replace de String.

Como las dos palabras están separadas por un espacio, es facil de crear la expresión regular, que recoge el nombre (las dos palabras), y el nombre será accesible usando “$1″ y el apellido con “$2″.

Patrones especiales para String.replace

Ejemplo: Reemplazar HTML Tgas por sus respectivas entidades

A modo simple, convertiremos los guiones de las etiquetas (<>) en sus rectivas entidades &lt;&gt;

var pieceOfHtml = "<p>This is a <span>paragraph</span></p>";
pieceOfHtml = pieceOfHtml.replace(/</g,"&lt;");
pieceOfHtml = pieceOfHtml.replace(/>/g,"&gt;");
document.getElementById("searchResult").innerHTML = pieceOfHtml;

Añado el siguiente enlace http://xregexp.com/ que es una librería de expresiones regulares en javascript bastante buena.

Tags de búsquedas:

expresiones regulares javascript, buscar letras en un string javascript expresiones regulares, jquery replace expresion regular acentos, expresiones regulares para el uso de caracteres especiales en java, expresiones regulares javascript ejemplos, expresiones regulares javascript 2011, expresiones regulares borrar ceros por la izquierda, expresion regular para acentos java script, expresion regular numero seguridad social java, expresion regular javascript

Related posts:

1. expresiones regulares php
2. Expresiones regulares y uso del enrutador routes.php de CakePHP
3. expresiones regulares para parsear un RSS o XML
4. empezando con html 5. Tutoriales, ejemplos y opiniones
5. Como usar grep. Comando de búsqueda linux

Lo conocía desde hace bastante tiempo pero nunca lo he llegado a probar. Ahora por temas laborales estoy trasteando y probándolo para mi uso y disfrute personal pero también como I+D para una futura integración en la empresa.

Para integrar S3 en WordPress es super sencillo. Tan sólo necesitas instalar el plugin W3 Total Cache.

En uno de mis artículos comentaba la importancia de tener varios sistemas de cache, entre ellos cachear las páginas para que éstas se sirvan más rápido y para WordPress hay bastantes plugins de cacheo. El que yo estaba usando se llama Quick Cache pero llega un momento que ese plugin no da para más y no es hasta recomendable instalarlo. Leer el artículo:  plugin cache en wordpress. Mejora la velocidad de tu blog… y el SEO

Pues a partir de tener la limitación y las restricciones del plugin Quick Cache decidí pasarme a W3 Total Cache, recomendado y usado por sites tales como: mattcutts.com, mashable.com, smashingmagazine.com, makeuseof.com, yoast.com, kiss925.com, pearsonified.com, lockergnome.com, johnchow.com, ilovetypography.com, webdesignerdepot.com, css-tricks.com y otros muchos.

Desde que tenía ese plugin instalado mejoró aún más el tiempo de respuesta y la carga de las páginas. Ojala tuviera en el servidor compartido instalado memcached y entonces la velocidad y el rendimiento sería muchísimo mejor, pero bueno con un buen sistema de cacheo en disco tampoco esta mal.

Volviendo al tema de s3 y la integración de este servicio de AWS en WordPress, estuve buscando algunos plugins para integrar todo el blog con S3, hasta que descubrí que el propio plugin de W3 Total Cache trae un sistema de integración con diferentes plataformas CDN, entre ellas S3 de AWS. De manera que enviar “todo”  tu blog a S3 es “coser y cantar”. Una vez que configuras tu cuenta y tu bucket, se muestran varios links donde puedes enviar a S3 toda tu galería de fotos, tus css, tus js, tus templates, los archivos wp-includes, los elementos cacheados por el propio plugin tales como css y js comprimidos y optimizados

En conclusión que he vuelto a mejorar la velocidad de carga de las páginas, aunque de momento no podré solventar el problema de la lentitud de respuesta del servidor compartido. Con esta integración mejoro ligeramente el SEO, ya que uno de los factores a tener en cuenta es que los elementos estáticos como CSS, JS y sobre todo imágenes se puedan cargar desde diferentes servidores. Es una mejora que se incluye en las recomendaciones de Page Speed y es algo que también resulta obvio, ya que si distribuyes la carga de los elementos por varios servidores, éstos estarán menos sobrecargados, la respuesta será más rápida y en definitiva la carga de la página mucho mayor. A mayor velocidad de carga de la página mejor experiencia del usuario. Mejor experiencia de usuario, mejor valorados por el Sr. Google.

Otro factor interesante para contratar S3 son sus precios:

Fijación de precios de almacenamiento

Fijación de precios de solicitud

Fijación de precios de transferencia de datos

Más info en: http://aws.amazon.com/es/s3/

Tags de búsquedas:

CONFIGURAR AMAZON S3 CON WORDPRESS, integrar amazon con wordpress, utilizar amazon s3 wordpress

Related posts:

1. plugin cache en wordpress. Mejora la velocidad de tu blog… y el SEO
2. problema en CacheHelper, crea archivos de caché que pueden entrar en conflicto
3. Cómo especificar la expiración de imágenes en la caché del navegador
4. Configura FTP en wordpress para actualizar automaticamente
5. Facebook mejora la integración de los comentarios para web externas o blogs