HTML

  • Botones para compartir en redes sociales

    Una de las tareas pendientes en el blog era mejorar el aspecto visual de los botones para compartir los artículos en redes sociales. Anteriormente utilizaba los botones por defecto que ofrece cada red social, los cuales me habían dado terribles dolores de cabeza para alinearlos entre sí, y no tenían una vista uniforme. Cada uno utilizaba la fuente, colores y estilo de cada red social. Pero además, cada botón cargaba scripts y hojas de estilo desde sitios externos de manera "render blocking", lo cual estaba retrasando notablemente el tiempo de carga de las páginas. Algo muy perjudicial para la experiencia de los usuarios (ustedes) y para el posicionamiento (Google sabe que a los usuarios les gusta que las páginas carguen rápido, por ello quiere ofrecerles, en las primeras posiciones de la páginas de resultados, páginas de sitios que carguen rápido, algo comprensible claro está).

    Ya sea utilicemos Wordpress, Joomla! y otros CMS, existen infinidades de plugins "sociales" para resolver esta cuestión. Sin embargo no soy un gran fanático del uso de plugins de terceros, no tanto por NIH Syndrome, sino por seguridad, actualizaciones y compatibilidad. Intento reducir al mínimo la cantidad de plugins, componentes y módulos de mi instalación de Joomla! para mejorar la seguridad del sitio. Por ello decidí optar por una solución genérica que sirva para cualquier página, no sólo para gestores de contenido.

  • Cómo convertir código fuente a HTML coloreado

    En muchos sitios Web y blogs he visto que cada vez que publican código fuente en una página, lo hacen con un formato colorido para resaltar la sintaxis. Siempre he querido una herramienta así para mi blog, pero nada de cargar scripts js desde sitios de terceros ¬_¬

  • Cómo dibujar un reloj con segundero utilizando canvas HTML5

    HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. Es el lenguaje de marcado predominante para la elaboración de páginas web que describe y traduce la estructura e información en forma de texto, y complementa el texto con objetos tales como imágenes. HTML5 aún se encuentra en modo experimental, lo cual indica la misma W3C, aunque ya es usado por múltiples desarrolladores web debido a sus avances, mejoras y ventajas. Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

  • Cómo graficar datos con canvas HTML5

    HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. Es el lenguaje de marcado predominante para la elaboración de páginas web que describe y traduce la estructura e información en forma de texto, y complementa el texto con objetos tales como imágenes. HTML5 aún se encuentra en modo experimental, lo cual indica la misma W3C, aunque ya es usado por múltiples desarrolladores web debido a sus avances, mejoras y ventajas. Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

  • Cómo leer documentos HTML desde la terminal

    Hoy necesité leer un archivo HTML desde consola y encontré esta interesante herramienta.

  • Disponible sere v0.1.2

    He liberado la tercera versión estable de sere, mi herramienta para monitorear servidores Web en tiempo real desde cualquier navegador Web. Esta versión trae algunas novedades:

    • Posee gráficas mejoradas.
    • Muestra un extracto de los diez procesos que más CPU consumen.
    • Funciona correctamente en la mayoría de los navegadores, incluyendo Internet Explorer 11.
    • Muestra el uptime, fecha y usuarios cantidad de usuarios.
    • Muestra la carga promedio en los últimos 1, 5 y 15 minutos.
  • Enviar mail en formato HTML desde línea de comandos

    En un viejo artículo expliqué cómo enviar mail desde línea de comandos, algo útil cuando necesitamos que un script Bash nos envíe un correo. Ahora comparto una solución para enviarlo en formato HTML.

  • Monitoreá la carga de tu servidor Web desde un celular con sere

    "sere" es una pequeña aplicación Web para monitorear un servidor Web/VPS desde cualquier navegador. Tiene un diseño Web responsive que permite visualizar gráficas de rendimiento (CPU, memoria, swap, carga y más) desde cualquier dispositivo que soporte HTML5 adaptando su vista.

    sere está desarrollada en PHP y HTML5, y se instala en el servidor Web que se desee monitorear. Sólo requiere que el servidor Web soporte PHP (>= 5.4) y cuente con SYSSTAT. Luego se puede cargar desde cualquier dispositivo que cuente con un navegador Web que soporte HTML5.