Añadir fuentes de forma dinámica a nuestra web con Javascript

¡Hola!

Vamos a ver cómo podemos añadir una tipografía/fuente de forma dinámica a nuestro sitio web.
¿Para qué nos sirve esto si ya podemos cargar las fuentes con CSS? Pues, en el caso que nos implica, el usuario tiene una sección de «Media/librería» o como queramos llamarlo… El usuario puede subir fuentes y queremos generar un preview de estas.

Para «cargar» las fuentes al documento y poder mostrar el preview de estas meteríamos el siguiente bloque de código en un bucle (Recibiremos de forma asíncrona la url y el nombre del archivo).

Con esto ya tendríamos la/s fuente/s cargada/s en el documento.

Ahora podríamos usar la fuente en el elemento que queramos con:

El resultado final sería algo así:

 



 

BONUS

La función entera de para generar el html necesario y así renderizar el «card» podría ser:

Ejecutamos esta función en nuestro recorriendo nuestro Array de fuentes y elegimos donde pintar el resultado.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Allowed memory size of 134217728 bytes exhausted

Si al ejecutar un script php nos aparece este error (cambiando los bytes):

Allowed memory size of 134217728 bytes exhausted

Es causado por el «memory_limit» de Apache. Esta directiva nos limita la cantidad de bytes que un script puede consumir, para ver más info: (https://www.php.net/manual/es/ini.core.php#ini.memory-limit)

Bien, para solucionarlo, ingresaremos a servidor via ssh (o abriendo la terminal si estamos en local).

Primero localizaremos el archivo php.ini

Podemos ejecutar para buscarlos:

Que nos devolverá algo parecido a (depende de las versiones de php que tengamos instaladas):

/etc/php/5.6/apache2/php.ini
/etc/php/5.6/cli/php.ini
/etc/php/7.2/apache2/php.ini
/etc/php/7.2/cli/php.ini

Según la versión que estemos ejecutando de php deberemos modificar un archivo u otro. En mi caso, estoy con php5.6, con lo que modificaré el php.ini de php5.6 de apache:

(Recordamos que si no tenemos una copia de este fichero, deberíamos tenerla)

Después de este paréntesis, volvemos a la edición del archivo con nuestro editor favorito, en este caso es nano.

Para encontrar la directiva de forma más rápida, teclearemos Ctrl + Q para buscar memory_limit dentro del documento.

Subiremos el número de M que queremos de máximo o lo setearemos a -1 si no queremos tener límite de ejecución.

Por defecto está a 128M, aquí lo setearemos a 256M:

Para terminar la edición del archivo podemos directamente salir Ctrl + X, y nos preguntará si queremos guardar los cambios Y.

Bien, ya está… solo nos quedará reiniciar apache, pero, antes de reiniciar siempre es conveniente comprobar que la sintaxis de configuración es correcta (por si se nos ha colado algo)
Comprobamos:

Y reiniciamos:

💃🏻


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Error: jquery-serialize-object can only serialize one form at a time

Si tenemos este error en consola es porque estamos intentando serializar dos formularios a la vez…y… esto no es posible

Debemos usar bien los selectores de para apuntar bien al elemento donde se encuentras el formulario (:

¡Saludos!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Leer el log de CRONTAB en Linux

Por defecto el log de cron jobs se ubica en:

Podemos leer el log filtrando con grep


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

CRON[25187]: (CRON) info (No MTA installed, discarding output)

Si vemos en el log de cron:

el siguiente mensaje:

CRON[25187]: (CRON) info (No MTA installed, discarding output)

Lo solucionaremos instalando postfix

Puede que cuando volvamos a leer el log obtengamos:

You have new mail in /var/mail/username

Si ejecutamos «mail» para leer el mensaje y nos aparece:

Command ‘mail’ not found, but can be installed with:

sudo apt install mailutils

Es, como ya sabemos que no tenemos instalado el mail, procederemos a su instalación a través de:

Una vez hecho esto ya podemos ejecutar de nuevo «mail»

Y nos mostrará los emails que tengamos…

«/var/mail/uername»: 28 messages 28 new

Bien (:


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Habilitar http2 en Apache

Si estamos instalando certificados SSL en nuestro servidor Apache, necesitaremos habilitar dos módulos, SSL y HTTP2.

Para ellos nos dirigimos a nuestra consola y habilitamos primero el módulo SSL:

Ahora habilitamos HTTP2:

Y ya lo tenemos listo, solo nos queda reiniciar Apache:

Ahora ya podremos añadir la linea «Protocols h2 http/1.1» en nuestros VirtualHosts

(:


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Cambiar la ip de Ubuntu Server 18.04

Anteriormente modificábamos el archivo «/etc/network/interfaces«…

En Ubuntu Server 18.04 deberíamos modificarlo en «/etc/netplan/50-cloud-init.yaml«.

Nos desplazamos a:

y editamos

Y modificamos los parámetros que deseemos:

network:
ethernets:
ens3:
addresses:
– 10.0.180.200/24
gateway4: 10.0.180.1
nameservers:
addresses:
– 8.8.8.8
– 8.8.8.8
version: 2

Gracias a: https://www.techrepublic.com/article/how-to-configure-a-static-ip-address-in-ubuntu-server-18-04/


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

The mbstring extension is missing. Please check your PHP configuration. phpMyAdmin

Puede que entrando a nuestro phpMyAdmin nos salte este error:

En mi caso ha sido debido a que he instalado la última versión de Apache (que en este momento incluye php7.2) y luego he instalado php5.6.

Para solucionarlo instalaremos el módulo mbstring para nuestra versión de php:

Reiniciamos Apache y solucionado!

Y ahora peude que nos salte el error de la extensión mysqli.

Repetiremos algo parecido:

Y solucionado.

Reiniciamos y a funcionar:


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Instalar php5.6 en Ubuntu 18.04

Ingresamos en nuestra terminal y ejecutamos:

Y ya!


Podemos instalar algunos módulos bastante útiles como:

que nos pueden evitar algun quebradero de cabeza a posteriori…


Ahora, para cambiar la versión de php en nuestro servidor podemos ver el siguiente post.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Instalar phpMyAdmin en nuestro Ubuntu 18.04

Para instalar phpMyAdmin nos dirigiremos a nuestra terminal y ejecutamos:

Tecla Espacio para selecionar y ENTER para seguir

Cotinuarán unos procesos y le damos a YES

Podemos dejarlo en blanco:

Reiniciamos el servicio.

En ocasiones (poco frecuente) es posible que necesitemos habilitar el módulo phpmyadmin:

Ahora ya podemos acceder con nuestro browser: (En ocasiones puede pedir un reinicio del sistema, poco frecuente)

o con

Por defecto no podemos acceder al phpmyadmin con el usuario root, así que nos crearemos uno.
Accedemos por consola a MySQL:

Y creamos el usuario con los siguiente comandos:
(En mi caso el usuario se llama «ekiketa» y la password: «1234»)

(Ejecutaremos linea por linea, recordad que cuando estamos dentro de MySQL hasta que no escribimos «;» al final de la linea no lo reconoce como «comando»).

Ya creado, podremos acceder con nuestro usuario!!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?