Imágenes responsive en WordPress

¿Que son las imágenes responsive?

Las imágenes reponsive son aquellas imágenes que automáticamente carga la mejor versión para la resolución de tu equipo, esto permite con una misma etiqueta HTML cargar una imagen de alta resolución para una computadora con pantalla HiDPI (Retina Display) y una imagen de baja resolución para un dispositivo móvil con una pantalla de baja calidad. (Si quieres leer mas documentación te recomiendo leer la entrada de <img> en MDN).

El código HTML necesario es como cualquier <img> para dar compatibilidad a las páginas existentes, pero adicionalmente se agrega un atributo srcset para poder especificar la imagen correspondiente a cada resolución y también se agrega el atributo sizes para definir las reglas de cuando usar cada imagen.

Cómo generar el código en WordPress

A partir de WordPress 4.4 ahora podemos contar imágenes responsive de forma automática, usando las funciones de este CMS obtendrás el código HTML para crear imágenes adaptables, pero probablemente si tienes algún código donde generabas las etiquetas de estas imágenes manualmente, necesitaras llamar a varias funcionales para hacerlo.

A continuación te explicare cómo es el proceso, el primer paso es obtener los valores de los atributos src y srcset, en este caso pasamos full como tamaño para obtener la imagen en su mayor resolución:

$img_src = wp_get_attachment_image_url( $attach_id, 'full' );
$img_srcset =  wp_get_attachment_image_srcset( $attach_id, 'full' );

Generamos la etiqueta sizes para los tipos de imágenes que queremos mostrar:

$wp_sizes   = array('full', 'large', 'medium', 'thumbnail');
$img_sizes  = '';

foreach ( $wp_sizes as $wp_size ) {
   $img_sizes .=  wp_calculate_image_sizes( $wp_size,  $img_src, null,  $attach_id );
}

Luego podemos generar el HTML de la etiqueta img:

$img = sprintf('<img src="%s" srcset="%s" sizes="%s" alt="%s" >',
   esc_url( $img_src ), esc_attr( $img_srcset ), esc_attr($img_sizes), $img_alt
);

Listo, ya tendrás una etiqueta de imagen responsiva donde dependiendo de la resolución del dispositivo, se cambiará la imagen por una de mayor o menor de resolución (dependiendo del dispositivo). Cabe destacar que esta funcionalidad funciona con todo navegador moderno exceptuando…por supuesto…Internet Explorer.

La oficina en casa, el lugar de trabajo de un freelancer

Hoy en día es común (sobre todo para los desarrolladores de software) trabajar desde el hogar, por ello es importante contar con un espacio exclusivo para trabajo (tu oficina), pues serás mas productivo en un lugar donde estés cómodo, sin interrupciones, con buena iluminación para que no pierdas tiempo leyendo,  que esté organizado donde puedas acceder rápidamente a tu computadora, libreta de notas, documentación, entre otros.

Principales errores

Cuando la gente se dedica a trabajar de forma independiente (en la parte de informática) piensa que al no gastar dinero en una buena mesa y silla, están ahorrando dinero y aumentando ganancias, pero en realidad aumentan la probabilidad de sufrir de problemas de columna y dolores en las articulaciones, por lo que probablemente en el futuro deban gastar mas dinero en gastos médicos y perder horas de trabajo por problemas de salud. Este suele ser el principal error: escoger una mala silla y mueble donde tu pose es incorrecta; así como la elección de cualquier espacio inadecuado de la casa para trabajar, por ejemplo, trabajar sentado en las escaleras, usar la cocina para trabajar, en la cama, en el suelo, entre otros.

Por ello, cambia tu actitud (te recomiendo leer este artículo sobre cuestión de actitud que habla mas sobre este tema) y decide en invertir en la elaboración de un buen espacio para trabajar.

Buena oficina

Crea un espacio donde puedas acceder rápidamente a libros, reloj, papelera, agendas, entre otros. Foto: ©PUNCH TAD/homify.com.ve

Consejos para una buena oficina

Obviamente lo principal en una oficina es la silla y la mesa, ésta debe estar a una altura agradable a los brazos y que al sentarte te permita tener una buena posición corporal. La silla, es importante que permita acomodar la altura, para los pies toquen el suelo y las piernas estén flexionadas en un ángulo de 90º. Debe ser de material acolchado y con espaldar para apoyarse correctamente incluyendo la cabeza. Luego importa el sitio, lo ideal es contar con un espacio con ventanas por 2 razones: una para obtener iluminación natural, esto nos permite disminuir el esfuerzo visual y nuestros ojos se cansarán menos, pues estan diseñados para cosas iluminadas por el sol en vez de fuentes luminosas como las pantallas de computadoras; usar luz natural disminuye el consumo eléctrico. La otra razón de tener ventanas, es la entrada de aire natural para mejorar la respiración y temperatura de tus equipos (bueno depende de donde vivas). Finalmente, se recomienda tener este lugar apartado del cuarto de dormir, pues siempre es bueno para el cerebro diferenciar tu sitio donde vas a trabajar, estudiar, enforcarte del lugar de diversión y descanso.

Con estos tips, lo que te recomiendo como siguiente paso es buscar ideas para tu oficina en casa, investiga en Internet como lo han hecho otros, toma ideas y aplícalas a tu espacio. Lo importante es que trabajar en ese espacio ayude a ser mas productivo de forma saludable, porque para mucha gente lo importante es llenarla de libros que no se usan o de productos costosos. Sin embargo, existen espacios minimalista ( solo una mesa, silla y una portátil) que pueden producir mas dinero que una biblioteca llena de libros de muchas áreas, con computadoras de múltiples pantallas, papeleras de lujo pero que no se usen para nada.

Ein Mamëll

Trata de aprovechar la iluminación natural usando ventanas ©Ein Mamëll/homify.com.ve

Reflexión

Recuerda que tu oficina es un lugar muy importante, pues en ella pasarás gran parte del día (inclusive mas que en la cama) por lo que es importante que la adecues para que sea cómoda, no afecte tu postura corporal ni esfuerces tu vista. Así tendrás mas salud para trabajar mas tiempo o mejor aún, para compartir más con otros seres queridos.

Si lo desean, pueden compartir vuestras fotos en la sección de comentarios de esta entrada para ver como son sus espacios de trabajo.

Consejos para mejorar tu mercadeo por correo

El mercadeo por correo (email marketing) consiste en enviar un mensaje comercial a un grupo de personas utilizando el correo electrónico, donde cada persona es considerada como cliente potencial (o cliente actual). Es importante esta forma de mercadeo no solo consiste en ofrecer publicidad o productos que pueden comprar sino también establecer una relación entre los clientes y la empresa.

Muchas veces, las empresa u organizaciones aplican mal esta técnica al limitarse a solo enviar contenido publicitario a todos los clientes, así que a continuación de compartiré consejos para mejorar el mercadeo por correo.

Consejos para mejorar el mercado por correo

Si ya trabajas en mercado, ya debes tener tu lista de correo, mientras mas direcciones tengas es mejor y aunque te pongas como meta tener aumentar la cantidad de cuentas, recuerda que no es todo, pues de nada servirá esa lista si nadie lee los correos, es mas, si esto llega a ocurrir es posible que los servidores de correos ignoren tus mensajes y los coloquen en carpetas de SPAM.

Así que lo primero que se recomienda hacer es mantener limpia tu lista de direcciones: borrando las direcciones que suelen rebotarse (porque ya no existen o tienen el buzón lleno); revisando si las direcciones están escritas correctamente (por ejemplo, pudieron escribir gmial.com pero sabes que es gmail.com); eliminar las cuentas organizacionales como [email protected], [email protected], [email protected], pues sabes que no van a ser recibidas por una persona; chequea en tu herramienta de correo quiénes no responden y elimínalos pues estos casos son los que pueden indicar a un ISP que son correos SPAM.

Esta operación se recomienda hacer cada 6 meses, un truco que se suele aplicar para comprobar el estado de los correos, es ofrecer, por ejemplo, un descuento sobre tu producto si confirman su dirección, así el usuario recibe un beneficio al informarte que su dirección es correcta. Si no sabes como hacer esto, puedes hacerlo por ejemplo usando el filtro de Mailrelay, solo debes agrupar los correos e ir validando la información de cada uno. En caso de no tener el servicio de Mailrelay, te invito a disfrutar de 6 meses gratis de esta gran herramienta de email marketing si vienes de MailChimp o si deseas aplicar el mercadeo por correo a tu marca personal, puedes disfrutar de una cuenta gratuita para bloggers de Mailrelay con el de aumentar tus visitas o presencia en la red.

Recuerda aprovechar al máximo el mercadeo por correo

Recuerda aprovechar al máximo el mercadeo por correo

El mensaje es algo esencial en este tipo de mercadeo, por eso debes estar chequeando el tipo de contenido con mas atención recibida (donde usuario abre el correo) y tratar de repetir ese formato. Una forma de conocer los gustos de tus clientes y tratar de enviar mensajes sobre esa área, es a través de encuestas, puedes enviarle a tus clientes encuestas sobre sus gustos e intereses y de esa forma conocer que tipo de contenido desean recibir.

También se recomienda tener viva la relación e interacción con los usuarios, así que cada tiempo los puedes invitar a tu sitio web a realizar una acción: opinar sobre productos o algún proceso, entrar y responder una encuesta, hacer una rifa, entre otras cosas. Así generas tráfico a tu sitio y los clientes recordarán que existes.

Tal vez parezcan pocos consejos, pero con tan solo aplicar las tareas mencionadas, verás un aumento en la interacción con tus clientes, un aumento en tus visitas al sitio we e incluso tal vez en mejores las ventas de tu producto.

Entrevista en Popular Top

Como comenté en mi entrada sobre el FLISOL 2016, antes del evento estuvimos presentes en varias estaciones de radio, entre esas en LA MEGA gracias a F.J. Betancourt (locutor de Popular Top) quien inicialmente nos invitó a su programa y nos enlazó a otros locutores.

Pues el pasado 21 de abril, tuve la oportunidad de ser invitado junto con Maria “Tatica” Leandro para hablar sobre el FLISOL en Popular Top (muy conocido en la región) abarca temas de tecnología, noticias actuales, habla sobre eventos locales, entrevista a personas que suelen realizar alguna actividad en la región y siempre realiza un ranking de cosas interesantes. Además, suelo colaborar con la administración del servidor, página y cuentas de correo del programa :).

En popular top por la MEGA

Autorretrato realizado por Maria Leandro en plena cabina de grabación

En fin, les recomiendo escuchar el programa que está bueno (me equivoqué en muchas partes) y recuerden que pueden suscribirse en su canal para que sigan escuchando el programa cada día:

Como correr juegos de Android en la PC

Actualmente Android se ha convertido en una de las principales plataformas de videojuegos, gracias al auge de dispositivos móviles como teléfonos celulares y tabletas (tables), los cuales incorporan hardware lo suficientemente potente para crear buenos videojuegos, ademas, por la misma naturaleza, estos juegos suelen estar diseñados para disfrutar en cualquier sitio y permitir pausas, a diferencia de un juego de consola donde se suele asumir que estarás al menos un rato. Sin embargo, si posees una computadora, tal vez te interesaría tener Android en la PC y poder jugar toda la biblioteca de juegos existentes para sistema operativo de Google.

Cómo usar Android en la PC

El sistema operativo Android al estar diseñado para funcionar en dispositivo móviles, no se puede ejecutar normalmente en una PC debido a la diferencia de arquitectura, pero gracias a emuladores (aplicaciones que permiten simular hardware y hacerle creer al sistema operativo que corre en la misma arquitectura para la cual fue diseñada) podemos ejecutar todo tipo de aplicaciones APK (el paquete que contiene una app) en nuestra computadora.

Existen muchos emuladores tanto de código abierto como comerciales, éstos últimos poseen mejor rendimiento y características interesantes, de los cuales recomiendo Bluestacks y Andy, lamentablemente ninguno de los dos funciona en Linux (Irónicamente Android está sobre Linux) pero si utilizas Windows te servirán.

Instalar aplicaciones con un emulador

Estos emuladores aparte de correr aplicaciones Android, permite instalar cualquier programa disponible en Google Play, por ejemplo, si quieres descargar Piano Tiles 2 para PC, solo debes buscar ese nombre dentro de la barra de búsqueda, luego con unos clics se descarga y automáticamente se puede correr sin la necesidad de configurar cosas extras.

Piano Tiles a través de Android en la PC

Piano Tiles es como un Guitar Hero pero de piano

 

Básicamente debes repetir el mismo proceso para cualquier otra aplicación. Espero te sirva para disfrutar de esa app que tanto deseas jugar en tu PC del hogar o trabajo, y lleves tus juegos mas allá de tu dispositivo móvil.

Hace 6 años en esa fecha: Pequeños tips para mantener seguro tu blog

Hace 10 años en esa fecha: Nuevo Diseño de Hotmail (otra vez)