Esta opción usada con moderación no tendrá demasiado efecto en lo que verán el 99% de los usuarios, ya que la mayoría no tienen monitores de alta fidelidad y no son capaces de mostrar de forma distinguible varias tonalidades casi iguales.

Si sobrepasas estos límites, obtendrás el efecto cartel, que no es lo que queremos.

¿Como hacerlo en Photoshop?

Es muy fácil, solo hay que ir al menu superior, y pulsar en Imagen->Ajuste-> Posterizar

Ajustarlo para que se siga viendo bien y finalmente guardarlo con Archivo-> Guardar para web. Con esto habremos reducido el tamaño del archivo png significativamente.

¿Como hacerlo en GIMP?

En el caso de que utilices GIMP, también lo puedes hacer de forma muy sencilla:

• En el menu de imagen: Tools → Color Tools → Posterize ó Colors → Posterize.

En definitiva, esta técnica puede ser útil en ciertas imágenes o situaciones (como en imágenes que se utilicen como fondos) cuando no es posible comprimir las imágenes más sin perdida, pero hay que tener cuidado de usarla con moderación, ya que lo que estamos haciendo es «empeorar» ligeramente la imagen quitandole colores intermedios. Personalmente es una técnica que se puede usar cuando tenemos una web muy optimizada y buscamos conseguir llegar a ese extra de optimización que no se puede conseguir con otros métodos más automatizados.

La entrada Comprimir tus PNG hasta el límite usando Posterizar aparece primero en MorePagerank.

Usando el código siguiente definiremos desde Apache las URLs que queremos que den error, pero usaremos WordPress para mostrar la página de error como para un 404. (O podemos personalizarla creando un template 410.php).

Para empezar, en el archivo .htaccess añadimos una línea de ErrorDocument:

En el functions.php del theme, añadir el siguiente código:

/**
* Response header 410.
*
* @param string $template
* @return string
*/
function e12_response_410( $template ) {
    if( is_404() && '410' == $_SERVER['REDIRECT_STATUS'] ) {
      status_header( 410 );
      if( file_exists( STYLESHEETPATH . '/410.php' ) ) {
         return STYLESHEETPATH . '/410.php';
      }
   }
return $template;
}
add_filter( 'template_include', 'e12_response_410' );

Y terminamos añadiendo las reglas a Apache para que devuelva los 410 en las URL que queremos:

Si has realizado de forma correcta todos los pasos, al realizar una petición de esa URL, nos debería devolver la misma página que un error 404, pero con la cabecera de un 410.

Si todo esto te parece muy complejo puedes usar el plugin 410 for WordPress, pero en cosas tan delicadas como devolver un 410 suelo preferir hacerlo a mano para asegurarme que no hay sorpresas.

La entrada ¿Cómo devolver un error 410 en WordPress? Te doy la explicación completa aparece primero en MorePagerank.

(Por si no lo has hecho, o no usas Plesk) La forma habitual de activar la compresión GZIP en un servidor web es añadiendo las siguientes líneas al .htaccess de Apache, que está en el directorio raíz de tu web (Puedes hacerlo por sftp o usando el administrador de ficheros de Plesk)

 
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript 
AddOutputFilterByType DEFLATE application/rss+xml 
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 
AddOutputFilterByType DEFLATE application/x-font 
AddOutputFilterByType DEFLATE application/x-font-opentype 
AddOutputFilterByType DEFLATE application/x-font-otf 
AddOutputFilterByType DEFLATE application/x-font-truetype 
AddOutputFilterByType DEFLATE application/x-font-ttf 
AddOutputFilterByType DEFLATE application/x-javascript 
AddOutputFilterByType DEFLATE application/xhtml+xml 
AddOutputFilterByType DEFLATE application/xml 
AddOutputFilterByType DEFLATE font/opentype 
AddOutputFilterByType DEFLATE font/otf 
AddOutputFilterByType DEFLATE font/ttf 
AddOutputFilterByType DEFLATE image/svg+xml 
AddOutputFilterByType DEFLATE image/x-icon 
AddOutputFilterByType DEFLATE text/css 
AddOutputFilterByType DEFLATE text/html 
AddOutputFilterByType DEFLATE text/javascript 
AddOutputFilterByType DEFLATE text/plain 
AddOutputFilterByType DEFLATE text/xml 

BrowserMatch ^Mozilla/4 gzip-only-text/html 
BrowserMatch ^Mozilla/4\.0[678] no-gzip 
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html 
Header append Vary User-Agent 
</IfModule>

También es posible hacerlo con mod_gzip, pero está menos soportado que DEFLATE, y el resultado es prácticamente el mismo.

¿Por qué esto no funciona en la mayoría de instalaciones de Plesk?

La respuesta estaba oculta en la solución anterior, ya que cómo te he dicho, está sólo funciona con Apache. Y es muy común ver instalaciones Plesk que lo que tienen expuesto hacia internet es un NGINX (aunque lo usen como proxy inverso y tengan un Apache detrás), debido a esto lo que deberíamos tocar es la configuración de NGINX.

No te asustes, en Plesk es muy sencillo de hacer y no necesitas ni siquiera tener acceso SSH.

Para ello, entras en el panel de Plesk y vas a Plesk > Domains > tudominio.com > Apache & nginx Settings y añades las siguientes líneas en el apartado «Additional nginx directives» (Directivas nginx adicionales):

gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types image/svg+xml text/plain text/html text/xml text/css text/javascript application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript application/x-font-ttf application/vnd.ms-fontobject font/opentype font/ttf font/eot font/otf application/font-ttf;

Y listo, guardas y ya puedes comprobar que tu web soporta y tiene activada la compresión GZIP en HTML, CSS, Javascript, XML y los distintos tipos de fuentes web.

¿Y para que quiero tener compresión GZIP en mi web?

Si has llegado aquí de casualidad, te habrás quedado con esta pregunta en la cabeza. Voy a intentar que entiendas las ventajas de tenerla.

Habilitar la compresión GZIP te ayudará a reducir de forma real el tamaño de tu página web, esto además hará que disminuya el tiempo necesario para descargar todos los archivos comprimidos y mejorará el muy importante Tiempo hasta el primer Byte (TTFB). También es importante señalar que los usuarios que te visitan desde un móvil serán más felices ya que estarán gastando «menos megas» de sus preciadas tarifas al visitarte.

La compresión GZIP funciona perfectamente en todos los navegadores web que se utilizan hoy en día, por lo que no tienes que temer que haya ningún tipo de problema de compatibilidad.

Si quieres que te realicen una revisión WPO completa para hacer que tu web funcione mucho más rápido, no dudes en contactarme en WPO Guru

La entrada ¿Cómo activar la compresión GZIP en Plesk? Fácil y sin usar SSH aparece primero en MorePagerank.

En la raíz del dominio está instalado WordPress y quiero hacer algo (que no tiene que ver con WordPress) con una carpeta dentro de ese dominio

El problema a veces aparece simplemente al crear la carpeta, que es cuando vemos que es imposible acceder al directorio en cuestión ya que nos sale un error 404 de WordPress. Otras veces el error 404 ocurre cuando creamos un .htaccess en la carpeta. (Porque queremos protegerla usando .htpasswd o por cualquier otra razón)

Si estas en uno de estos dos casos y has probado todos los trucos que has podido encontrar por internet (y que a mi al menos no me han funcionado), te traigo (espero) la solución:

Editar el .htaccess de WordPress, cambiando levemente la última línea del Rewrite

# RewriteRule . /index.php [L] #Linea Original
RewriteRule ./ /index.php [L] # Nueva Linea

Tras hacer esto debería funcionarte correctamente el contenido del directorio (incluso si le pones un .htaccess dentro).

Espero que le sirve a alguien, y os ahorre horas de búsqueda, pensamiento, reflexión y demás cosas

La entrada Excluir carpeta de las reescritura de urls (RewriteRules) de WordPress aparece primero en MorePagerank.

for file in *.tif; do mv -i "${file}" "${file/_/I}"; done

Si tenéis cualquier duda, podéis preguntar en los comentarios.

La entrada Cambiar la primera letra del nombre de muchos archivos (Batch) aparece primero en MorePagerank.

¿Para que sirven las “Action in the Inbox”?
Esta característica implementada por Google en Gmail nos permite que nuestros clientes puedan confirmar su cuenta recién creada en tu web, ver el seguimiento de un pedido e interactuar con nuestros emails sin necesidad de abrirlos, directamente desde la bandeja de entrada.

Actualmente existen dos tipos de acciones, aunque hoy solo os hablaré del primero Acciones In-App.

1.- Acciones In-App
Las Acciones “In-App”, que sirven para que nuestro usuario pueda hacer acciones desde la bandeja de correos sin necesidad de ir a ninguna otra página, se dividen en 3 tipos:

1.1 .- Acciones One-Click

Este tipo de acciones sirve cuando queremos enviar información que no se requiera una respuesta por nuestro servidor, son útiles cuando queremos que un usuario, por ejemplo, confirme su email.

En las acciones One-Click, tenemos 2 funciones “Confirm Action” y “Save Action”

1.1.1 .- Confirm Action
Este tipo de acción nos permite añadir un botón de confirmación para que los usuarios puedan confirmar, aceptar o aprobar alguna cosa. Cuando un usuario pulsa en el botón, se envía una petición http que nos permite saber que el usuario acepta o confirma lo que le hemos enviado. Esto claramente sirve para confirmar emails entre otras opciones.
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "ConfirmAction",
    "name": "Confirmar email",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://miniunis.com/hub/confirmar?idUser=123&confcode=345F9OpeT5"
    }
  },
  "description": "Confirmación del correo de la cuenta creada en nuestra web usando JSON-LD"
}
</script>

1.1.2 .- Save Action
SaveAction este tipo de acción sirve para poder añadir interacciones como ofertas, cupones o añadir una canción a una lista de reproducción.
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "SaveAction",
    "name": "Guardar oferta",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://oferta-ejemplo.com/guardar?offerId=xyz789"
    }
  },
  "description": "5€ de descuento en Don Pizza"
}
</script>

Próximamente os explicaré como funcionan el resto de acciones que se pueden hacer con JSON-LD (Review Action y RSVP Action)

La entrada Acciones One-Click con JSON-LD o como poner botones en el titulo de los emails en Gmail (1/2) aparece primero en MorePagerank.

El paquete que llega al comprar el teléfono es un paquete color cartón con una pestañita que tiene el símbolo de OnePlus para abrirlo.

Una vez abierta esta caja de cartón sin más distintivos, nos encontramos una caja muy bonita, que recuerda mucho al estilo de Apple con un diseño minimalista e impecable.

Del lateral, tirando de la pestaña roja que se aprecia en la foto superior, sacamos la caja roja, que al abrirla nos muestra el teléfono

Y levantando el teléfono y la parte blanca, nos encontramos con el «pinchito» para extraer la microsim (junto con una práctica «funda») y el cable usb, con un diseño bastante innovador, ya que el usb no tiene la típica cajita metálica para proteger las conexiones, habría que ver a largo plazo si esto no hace que se estropee antes.

Y al principio del artículo podéis ver el teléfono en todo su esplendor, como curiosidad decir que el nombre de la versión (Sandstone black) no esta puesto por poner, pues describe la parte de atrás del teléfono, ya que tiene realmente el tacto de una piedra de arenisca (Sandstone). Esto le da una sensación extremadamente solida, aunque tengo que probar si realmente es cómodo que el móvil tenga la superficie trasera algo áspera.

La versión de 16gb (Silk White) supongo que tendrá tacto de seda, si alguien la tiene que nos cuente en los comentarios =)

Si tienes alguna duda del móvil, o cualquier cosa, quieres ver alguna foto, etc pídela.

Disclaimer: Esto no es un post patrocinado, y OnePlus no me paga de ninguna forma

La entrada Unpacking del OnePlus One Sandstone Black aparece primero en MorePagerank.

Si te han dado una ip, un usuario y un archivo .pem o .pub y te han dicho, usa GIT en el repositorio ip:turepositorio y no tienes ni idea de por donde empezar, has llegado al lugar correcto.

He escrito este post porque la documentación al respecto es bastante poco clara y para encontrar respuestas hay que empezar a reformular las preguntas de forma que dejen de tener que ver con el objetivo inicial (usar git) y empezar a buscar cosas como «importar claves en ubuntu»

Empecemos por el principio, si no sabes que es GIT, te aconsejo que lo busques en google y te enteres al menos de lo básico.

Una vez que conoces GIT, nos encontramos con un problema, no tenemos una contraseña «de las de toda la vida» del ssh para usar con los comandos de git (tal y como viene documentado por todos sitios)

PASO 1: Como conectarnos por SSH con clave pública sin pasar su ruta por línea de comandos

La forma normal de hacer esto es usar:

ssh -i ~/ruta/a/archivo.pem usuarioRemoto@ipremota

Pero claro, como git no nos permite usar ningún parámetro como -i tenemos que buscar otra alternativa, nuestra salvación se llama «ssh config file», esto es un archivo ubicado en ~/.ssh/config (para tu usuario) y otro ubicado en /etc/ssh/config para todos los usuarios del pc.

En estos archivos podemos indicar que cuando nos conectemos a ipremota se usa la clave que le digamos (e incluso el usuario que pongamos), siguiendo estos pasos podrás hacerlo

nano ~/.ssh/config

Ahora añadimos lo siguiente modificando convenientemente para nuestro caso:

Host NombreQueQueramosDarle
Hostname IpRemota
IdentityFile ~/ruta/a/archivo.pem

Guardamos (Pulsando Ctrl+o e intro a continuación) y cerramos el editor (con Ctrl+x). Ahora podemos conectarnos por ssh haciendo solo lo siguiente:

ssh usuario@NombreQueQueremosDarle

Paso 2:Usar GIT normalmente

Ahora puedes usar GIT clone fácilmente, pero en vez de usar la ip, pon lo que pusiste donde yo he puesto «NombreQueQueramosDarle»:

git clone usuarioRemoto@NombreQueQueramosDarle:turepositorio

BONUS: Si al intentar conectarte al SSH te dice que los permisos de tu archivo.pem (o .pub) son demasiado poco restrictivos, esto se soluciona facilmente de la siguiente forma:

chmod 600 ~/ruta/a/archivo.pem

Como consejo final, guarda estos archivos en una carpeta segura y si es posible dale permisos 700 a dicha carpeta, ya que si acceden a ella y te roban los ficheros de las claves estarás completamente vendido frente a los hackers

La entrada Usar GIT (y SSH) con una clave .pem o .pub (en Ubuntu) aparece primero en MorePagerank.

1)Para empezar buscamos un par de columnas vacías (En el ejemplo presuponemos que es la E y la F)

2)Escribimos en la primera celda de la primera columna (E1) el texto que queramos añadir a modo de prefijo o las palabras que queramos poner (Acuérdate de acabar con un espacio en este caso)

3)Escribimos en la primera celda de la segunda columna (F1) el texto que queramos añadir a modo de sufijo o las palabras que queramos poner (Acuérdate de empezar con un espacio en este caso)

4)Nos vamos a la segunda celda de la primera columna (E2) y ponemos la siguiente formula: (Presuponemos que la columna a la que queremos añadirle texto es A)

=E$1&A2&F$1

5)Comprobamos que se muestra el texto de la primera celda de la columna original rodeado como queríamos y extendemos la formula hacia abajo, pulsando en el cuadrado que sale abajo a la derecha de la celda  (Tantas filas como filas tuviese nuestra columna original)

6)Copiamos esta columna

7)Usando Pegado especial, pegamos como texto (Dependiendo de la versión de excel que uses o de si usas openoffice puede que tengas que desmarcar la opción Formula para que se copie el texto y no la formula)

Y con estos sencillos pasos la magia estará realizada, si tienes alguna duda al respecto, déjame un comentario y estaré encantado de ayudarte.

Tip: El $ entre la letra de la columna y el número de la fila es lo que hace que no cambie la celda a la que referenciamos cuando extendemos la formula.

La entrada Excel: Añadir texto extra delante y detrás del contenido de las celdas de una columna aparece primero en MorePagerank.

El problema esta relacionado con los paquetes SSL de tipo heatbeat que al estar mal implementado en las últimas versiones de OpenSSL, permitían que modificando el tamaño del paquete se pudiese explotar un desbordamiento de memoria que permite a un atacante leer trozos de la memoria de tu servidor en los que nunca debería haber podido entrar.

¿Qué permite este error?

Permite que un atacante pueda obtener la clave privada de tu certificado SSL permitiendo que en caso de que capturase tráfico desde y hacia tu servidor, pueda desencriptar TODO el tráfico SSL; pasado, actual y futuro (a no ser que lo arregles).

Este error permite también que se pueda obtener otro tipo de información que este en la memoria del servidor (nombres de usuario, contraseñas, emails, etc)

Lo peor de este fallo, es que no queda ninguna traza del atacante, por lo que nunca podremos saber si alguien ha aprovechado este bug en nuestro servidor, por eso hay que crear claves privadas nuevas en nuestros certificados SSL.

¿Qué versiones de OpenSSL están afectadas?

Este fallo de programación fue introducido a partir de la rama 1.0.1, por lo que si usas otra versión más antigua estas a salvo de este error.

• 1.0.1
• 1.0.1a
• 1.0.1b
• 1.0.1c
• 1.0.1d
• 1.0.1e
• 1.0.1f

¿Como podemos saber si estamos afectados?

Podemos usar esta herramienta online que nos dice si nuestro servidor es vulnerable o no:

http://filippo.io/Heartbleed/

¿Como se soluciona heartbleed?

La solución es bastante sencilla, solo tenemos que actualizar a la última versión o recompilar con la opción de desactivar los heartbeats.

Si estas usando uno de los sistemas operativos más usados como CentOS 6, te encontraras que ya tienen la versión parcheada en sus repositorios por lo que arreglar el problema es tan sencillo como entrar por ssh a tu servidor y hacer:

yum update openssl

Si utilizas un sistema operativo que tiene una versión vulnerable de OpenSSL que aún no tiene la versión parcheada en sus repositorios, lo más fácil para solucionar el problema es recompilar openssl con la opción -DOPENSSL_NO_HEARTBEATS

Después de esto, reinicia todos los servicios (o incluso reinicia el server, y así podrás usar las mejoras del kernel de linux) y comprueba que se ha solucionado la vulnerabilidad en http://filippo.io/Heartbleed/

El último paso sería crear claves privadas nuevas para los certificados SSL que usemos e instalarlas en nuestro servidor. (Si solo usas el certificado que crea cpanel o plesk para entrar a su panel, desde el mismo panel tienes la opción de que cree uno nuevo)

Extra: ¿De donde viene el nombre de HeartBleed?

Es un juego de palabras entre la fuente del problema, los heartbeats de SSL y la frase «Data leaks makes my Heart Bleed»

La entrada HeartBleed, ¿Cómo solucionar el fallo de seguridad más grande de la historia? aparece primero en MorePagerank.