Blog

Creando unas tabs funcionales sin JQuery, a lo vanilla

Este post es un ejercicio muy sencillo que os puede ayudar a crear un sistema estándar de tabs sin tener que usar JQuery. Porque, como sabréis, JQuery es una buena librería pero como librería que es tiene un gravísimo problema (como ella y todas) y es que es una caja cerrada.

Una caja cerrada no os permite «ver» lo que pasa dentro (si, podéis ver el código fuente de JQuery) y que, por lo tanto, puede hacer tantas cosas indirectamente que puede suponer una alta carga para los equipos. Ademas, aunque no os lo creáis, debido a que JQuery se ha convertido en un must en muchas webs muchas de sus peculiaridades se han incorporado directamente en Javascript.

Leer más

Espacio que ocupa una base de datos en MySQL

Para saber el espacio que ocupa una base de datos podemos usar esta consulta

[code]
SELECT table_schema «DATABASE», SUM( data_length + index_length )
FROM information_schema.tables
WHERE table_schema != «information_schema»
GROUP BY table_schema
[/code]

O para verlo un poco más bonito
[code]
SELECT table_schema «DATABASE», CONVERT( SUM( data_length + index_length ) /1048576, DECIMAL( 10, 2 ) ) «SIZE (MB)»
FROM information_schema.tables
WHERE table_schema != «information_schema»
GROUP BY table_schema
[/code]

Como siempre espero que os sirva

Cambiar tamaño de las imágenes en una tarea

Desde opencms podemos crear una tarea con la clase org.opencms.scheduler.jobs.CmsCreateImageSizeJob podemos cambiar el tamaño de las imágenes que han subido los usuarios.
La tarea la va a reescalar respetando las proporciones de la imagen, por lo que es muy bueno para evitar imagenes muy grandes subidas por los usuarios.

Antes debemos configurar en WEB-IF/config/opencms-vfs.xml

<loader class="org.opencms.loader.CmsImageLoader">
<param name="image.scaling.enabled">true</param>
<param name="image.scaling.downscale">w:800,h:600,q:97,c:transparent</param>
></loader>

 

El parámetro image.scaling.downscale tiene:

  • w: El ancho de la imagen
  • h: la altura de la imagen
  • q:la callidad de la imagen en porcentaje
  • t: grado de transparencia de la imagen
  • c: color de fondo en hexadecial como c0c0c0

Otros parámetros que podemos configurar son

  • image.folder
  • image.scaling.maxblursize
  • image.scaling.maxsize

La tarea la creamos como el resto:
tareaopencms-cmscreateimagesizejob