Cómo usar GitHub Desktop con Visual Studio Code y Platformio

Si ya has caído en lo útil que es usar un control de versiones como GitHub e incluso has pensado en formarte, el siguiente paso es integrarlo en tu flujo de trabajo.

En mi caso lo estoy usando para los desarrollos de Arduino, ESP8266 y ESP32 que tienen una cierta entidad, junto con Visual Studio Code y el excelente Platformio.

Empezamos creando un nuevo proyecto.

Crear nuevo proyecto de Visual Studio Code desde PlatformIO – GitHub Desktop y Visual Studio Code con Platformio
Continuar leyendo «Cómo usar GitHub Desktop con Visual Studio Code y Platformio»

WordPress: Urvanov Syntax Highlighter, el digno sustituto de Crayon Syntax Highlighter

Tras buscar un plugin de WordPress para mostrar código de manera cómoda, encontré Crayon Syntax Highlighter. Sin embargo, el plugin lleva varios años sin actualizar. Tras hacer una búsqueda en los plugins de WordPress.org, he encontrado el plugin Urvanov Syntax Highlighter, que es un fork del plugin original y que me ha permitido hacer el cambio de una manera sencilla.

Continuar leyendo «WordPress: Urvanov Syntax Highlighter, el digno sustituto de Crayon Syntax Highlighter»

Cómo grabar en video las visitas a tu web

¿Te gustaría poder grabar en vídeo lo que hacen los visitantes de tu web? Pues ahora es posible gracias a Smartlook. Esta aplicación web gratuita te permite hacerlo incluyendo un trozo de código en tu web. Posteriormente accederemos a los vídeos de las visitas a nuestra web desde la página de dicha aplicación. Vamos a ver cómo podemos hacerlo paso a paso.

Registro en Smarlook.com

Antes de nada tendremos que registrarnos en su web. Desde su página de inicio pulsamos en «Empieza ahora» y nos lleva a la página de registro.

Iniciar sesión en Smartlook

Continuar leyendo «Cómo grabar en video las visitas a tu web»

Cómo instalar VirtualBox para usar máquinas virtuales

En este artículo explicaré cómo instalar el software VirtualBox, que nos permite instalar máquinas virtuales en nuestro ordenador.

Es una instalación bastante sencilla.

Página de descarga de VirtualBox

VirtualBox es un software gratuito para uso personal. En el siguiente enlace puedes acceder a la descarga adecuada a tu sistema operativo. En este caso hablaremos de la instalación en Windows 7. En la siguiente imagen puedes ver en el recuadro marcado el área desde donde puedes acceder a las distintas versiones del software VirtualBox.

descarga de VirtualBox

 

El fichero de descarga tendrá un aspecto similar a éste, en base a la versión del mismo.

fichero de instalación de VirtualBox
Continuar leyendo «Cómo instalar VirtualBox para usar máquinas virtuales»

Cómo configurar un subdominio en un CDN como CloudFlare

Subdominio funcionando

Si usamos subdominios y un CDN como CloudFlare, sabemos que este último no se configura de manera automática. Es decir, debemos indicarle al CDN que hemos añadido un subdominio a nuestra web y a qué IP debe apuntar dicho subdominio. En caso contrario, al intentar acceder al nuevo subdominio, los servidores DNS no sabrán qué hacer y obtendremos un mensaje de error, como si no existiera dicha dirección. Antes de nada agradecer a Rafa Calero que me enseñara cómo hacer esto 😉

En mi anterior artículo puedes ver qué es y cómo crear un subdominio de manera sencilla desde cPanel.

En dicho artículo valoramos la utilidad que puede tener un subdominio, así como las ventajas de usarlo. Te recomiendo que le pegues un vistazo si todavía no lo has hecho.

Pulsa en las imágenes para verlas a tamaño completo.

 

¿Qué ocurre si creamos el subdominio y no configuramos el CDN?

Continuar leyendo «Cómo configurar un subdominio en un CDN como CloudFlare»

WordPress: Mostrar contenido sólo a usuarios de la web

Ejemplo de post privado con plugin Restrict Content

Ante la necesidad de mostrar contenido sólo a usuarios de nuestra web contamos con múltiples soluciones. Una de las más sencillas que he encontrado se basa en el uso del plugin Restrict Content, que permite realizar dicha tarea de manera simple. Podemos visitar la página de Pippin Williamson, el autor, a través de su web Pippin’s Plugins, y recordemos que el plugin cuenta con una versión premium, que amplía la funcionalidad. En su versión gratuita, el plugin permite ocultar páginas, artículos e incluso contenido concreto, mediante el uso de shortcodes.

 

Por qué restringir contenidos

El mostrar contenido sólo a ciertos usuarios de la web puede tener ciertas ventajas:

  • Podemos potenciar que nuestros visitantes se registren en nuestra web para acceder a cierto contenido exclusivo.
  • A nivel de una blog empresarial, podemos mostrar cierta información sólo a nuestros clientes registrados (como listas de precios). Para un uso adecuado de esta funcionalidad tendríamos que filtrar los nuevos usuarios registrados en nuestra web, eso sí. Gracias a Victor Manuel del Cerro de CholloClavada.com por el apunte 😉

 

Cómo instalar el plugin Restrict Content

Instalar el plugin de restricción de contenido es tan sencillo como visitar el apartado «Plugins» del panel de control de nuestra web, y escribir «Restrict Content» en el cuadro de búsqueda. El resultado nos mostrará algo así:

Continuar leyendo «WordPress: Mostrar contenido sólo a usuarios de la web»

Por qué debes crear un backup de tu WordPress en la nube

En este artículo voy a explicar las razones por las que creo que debes tener una copia de seguridad de tu WordPress en la nube (DropBox, Google Drive, etc…), además con un caso práctico.

Caja fuerte Imagen «Safe» de Will Folsom bajo licencia CC

Por qué crear una copia de seguridad de tu WordPress en la nube

¿Cuánto tiempo dedicamos a crear nuestra web? ¿Y a poblarla con contenido?

[box type=»warning»] Y sin embargo, ¿cuánto tiempo dedicamos a las copias de seguridad?[/box]

Las principales ventajas de una copia de seguridad en la nube serían estas:

Continuar leyendo «Por qué debes crear un backup de tu WordPress en la nube»

Cómo reducir el tamaño y la resolución de las imágenes para web con FastStone Resizer

ver el tamaño de una imagen desde el inspector de elementos

En este artículo voy a explicar cómo optimizar imágenes para web. ¿En qué consiste? Pues en ajustar el tamaño de cada imagen al de nuestra web (ahora veremos qué es eso) y en reducir su resolución para que la imagen «pese» menos. Es decir, que reduzca su tamaño en píxeles y en bytes. Ahora que lo tenemos claro, ¡vamos al lío!

 

El tamaño de las imágenes afecta a la velocidad y posicionamiento de nuestra web

Cualquiera que haya usado herramientas de medición de velocidad de carga en su web, se habrá dado cuenta de que las imágenes son responsables de un porcentaje muy alto del tiempo de carga y tamaño de nuestra web. Es uno de primeros factores que debemos optimizar, ya que Google penaliza los tiempos de carga elevados.

En este artículo de mi amigo Jesús AF podréis encontrar herramientas y consejos que os van a ayudar a mejorar la velocidad de vuestra web.

El tiempo de carga de una imagen depende básicamente de dos factores:

Continuar leyendo «Cómo reducir el tamaño y la resolución de las imágenes para web con FastStone Resizer»

Qué es y cómo crear un subdominio en cPanel

Opción de subdominios en cPanel

En este artículo voy a explicar cómo crear un subdominio para nuestra web a través del panel de control cPanel. Este software es uno de los paneles de control más extendidos en los servidores compartidos, que son los más comunes por su relación precio / prestaciones.

 

Qué es un subdominio

Un subdominio es una web independiente dentro de un dominio de otra web, explicado en pocas palabras.

 

Si lo aplicamos a una web con WordPress, estaríamos hablando de que el dominio principal contaría con su propia instalación, bases de datos, plugins, etc… y que cada subdominio podría contar a su vez con su propia instalación de WordPress, totalmente independiente del dominio principal.

 

¿A que ya os va pareciendo más interesante?

Continuar leyendo «Qué es y cómo crear un subdominio en cPanel»