No entiendo por qué reinventar la rueda cuando ya existe una aplicación que lo hace y no es de pago,

https://www.xpadder.com/

y muy buena por cierto

Está claro que formamos ese 20% de personas normales que nunca entraríamos a forocoches  el 80% se lo tendría que hacer mirar 

Totalmente de acuerdo con engel, pero agrego algo más al hilo desde mi humilde opinión...

No sólo los gobiernos, sino TODOS desde abajo, todo el mundo manipula para conseguir algo. La manipulación es innata en el hombre, desde niños manipulamos a los adultos para conseguir lo que queremos porque los adultos nos enseñan que ese es el camino ya que manipulan a los niños con regalos y promesas para que estos sigan el camino "correcto".

Los sistemas de gobierno son un reflejo de la sociedad. Una sociedad egoísta tiene un gobierno egoísta, una sociedad altruista tendrá un gobierno altruista y así. De ahí que tenemos lo que nos merecemos, y creo que no se equivocaba Winston Churchill en esto.

Ivana es la hija, y es está riquísima, y no hablo de la pasta,



PD Se agradecería que la etiqueta tuviera alguna opción para cambiar el tamaño, tipo como se hace en la etiqueta img de html con el width y el height.

MOD: Imagen dimensionada a lo permitido.  A estas alturas ya lo deberías saber.

Usa el método sort() en el array pero para no perder el índice ya que lo asocias al resto de arrays concatena a cada elemento un espacio y el índice antes de la ordenación, luego lee cada elemento ordenado y toma el índice que estará al final de cada cadena para relacionar los demás datos. Esa sería una forma pero habrá más. En la programación no todo es encontrar una función o librería que te lo haga, también puedes improvisar métodos artesanales en base a los conocimientos fundamentales de la programación y del lenguaje de turno.

Bueno pues si te sirvió eso pues perfecto,
saludos
 

Pues nada, es sencillo, con un cálculo podrías hacer eso.

numDeLetras
numPixelPorLetra
anchoPantallaEnPixels
maxLetrasEnPantalla=anchoPantallaEnPixels/numPixelPorLetra
numFilas=Redondea(numDeLetras/maxLetrasEnPantalla)+1

El problema que puede surgir y que complicaría la cosa es cuando se trabaja con fuentes que no mantienen el mismo ancho. Entonces requeriría, una función que lea desde un bucle letra por letra y vaya tomando los pixels de cada letra o espacio y una vez superado el ancho especificado en pixels incrementara la fila y pusiera el contador a cero y repitiera el proceso.

Si bien quisieramos que las palabras no quedaran cortadas tendríamos que guardar siempre la posición del último espacio encontrado en el conteo de pixels citado antes, letra por letra, y de llegar al ancho especificado cortar la cadena desde el último espacio y comenzar a contear desde ese último espacio y desde ahí comenzaría la siguiente fila.

Así como mejora se podría implementar en el método anterior, si quieres complicarlo aún más, es una vez creada la fila con sus caracteres incrementar los espacios entre palabras de forma equitativa con los pixeles sobrantes que no llegaron hasta el límite del ancho para que el texto no quede alineado a la izquierda o derecha y aproveche todo el ancho, o, simplemente usar esos pixeles para poner un margen automático al comienzo y final de la línea para dejar el texto centrado.

Espero que mis sugerencias te sirvan y suerte con lo que traes entre mano,
un saludo.

Muestra el código de ambas partes, tanto del backend como el frontend. Lo normal es sea algo ligero, ya que entiendo que según implementas algo lo pruebas y una vez te aseguras que funciona pasas a otra cosa. A no ser que estés muy seguro de lo que haces durante cualquier desarrollo se avanza paso a paso, depurando y probando que todo funca.

PD Usa las etiquetas correspondientes para contener código.

Pues no entiendo el problema, posiblemente es que no tienes ni idea de HTML/CSS. Tienes dos opciones, aprender o contratar alguien que te haga esa maquetación y que sea artista gráfico (si vas a integrar ilustraciones).

Te explicaría como se hace, pero para cualquier persona que haya maquetado alguna vez en su vida no tendría ninguna complicación en hacer eso.

Bueno, se usa un div para el encabezado con imágenes y botones, con sus respectivas clases que definen el posicionamiento, alineamiento, margenes etc...

Luego debajo del div (o un elemento de tipo contenedor) de encabezado, donde estará el menú, se incluyen tres columnas, que puede ser div también, o con una tabla o como lo veas mejor. Las columnas laterales, izquierda y derecha tienen contenidos en la parte superior e inferior y eso se traduce en que esas columnas deberás tener dos filas, que pueden ser celdas o lo que creas conveniente, ya que luego puede cambiar el comportamiento del elemento jugando con la propiedad display, float, etc...

Y por último la columna del centro, que por lo que observo va apilando el contenido, imagen, luego un párrafo, otra imagen, párrafo, etc...

Otra opción es trabajarlo enteramente como un canvas, pero no aporta mucha ventaja y ahí se requiere conocimientos de programación.

Normalmente la gente hace estas cosas por encargo, pero si practicas y te tomas tiempo para aprender HTML/CSS te puede quedar exactamente igual.

https://www.w3schools.com/html/