Foro de elhacker.net

Hola, tenía una duda sobre la website de elhacker.net. ¿En algún momento se han planteado la posibilidad de hacerle alguna pequeña mantención de código o upgrade de algún tipo?. Quiero decir, entiendo la estética del foro y de la pagina, de hecho resulta hasta nostálgico el mantener el mismo diseño y todo eso, pero a nivel de código hay algunas cosas que se podrían mejorar.

Hoy por recomendación de WHK decidí meterme en la warzone y me llamó mucho la atención un menú lateral que te sigue cuando haces scroll hacia abajo. Se estaba moviendo raro, como vibrando, al ver el código me doy cuenta que tiene una posición absoluta que se recalcula con javascript, y que de hecho, al parecer, los submenu no están anidados al mismo, así que se mueven en paralelo.
En la actualidad existen cosas como "position: sticky" que hacen lo mismo solo que mucho mas facilmente, sin esa vibración ni delay, y sobre todo sin necesidad de javascript.

No sé hasta que punto sería viable (o seguro) subir ese código a algún repo (incluso privado, al que solo tengan acceso miembros del staff) y poder hacer pull request o algo que permita optimizar o mejorar esos detallitos de forma paulatina y con la ayuda de la propia comunidad.

Saludos,

Yo creo que varias veces han salido propuestas así. De momento tenemos acceso al código del warzone, de la web y del foro unos 3 o 4 individuos. El código del foro se utiliza para darle mantenimiento solamente, cuando sale un problema puntual.

En cuanto al warzone y a la web, los dos representan un reto significante. Yo estaba trabajando sobre el sitio web hace un año ya:

(https://i.imgur.com/BlqJ0BF.png)

Realmente estaba configurando el repositorio y el layout que cree no es más que una propuesta.

El problema en sí es que no hay dirección. Por mi parte yo podría hacer lo que quisiera con el nuevo repositorio y si por mi fuera yo eliminaba muchas cosas del sitio, hacer los cambios que yo quisiera y de la forma que yo quisiera. Pero obviamente no es mi sitio web.

Como se que no todos en el foro tienen acceso al código o incluso a la organización de github de elhacker.net (al cual son libres de unirse los miembros del staff realmente, así que si pueden...) lo he puesto también en un foro visible al staff. Muy poca gente han dado su opinión acerca del tema. Y no es que se buscara una opinión técnica (ni tampoco es que no hubiéramos querido una). Ni siquiera confirmación de que les pareciera bien (o mal).

El warzone de una o otra forma también esta ligado con la web. Y es que hay BASTANTE código correspondiente al warzone. Muchos archivos duplicados y cosas por el estilo. Pero en esencia, tenemos los mismos problemas que con el rediseño de la web. Es difícil realizar cambios si no estamos de acuerdo en que cambios son los pertinentes. Nuevamente, podríamos hacer los cambios que quisiéramos sobre el repositorio... pero si estos cambios no terminan gustando una vez que demos por completado todo pues tocaría reescribir los cambios. Vamos que no tiene sentido escribir código para que al final vengan diciendo que tienes que reescribirlo. Si en cambio, recibiéramos la dirección adecuada podríamos evitar estar reescribiendo el código frecuentemente.

Otros problemas:

A) Somos muy pocos involucrados en el rediseño.
B) Github tiene sus limitaciones. Por ejemplo, a mi me gustaría poder exponer los problemas y metas que los repositorios con más miembros del foro sin tener que darles permiso de lectura sobre el código.
C) Problemas organizaciones (que va en que repositorio)
D) No hemos concluido que stack de tecnologías a utilizar (yo prefiero node.js, otros prefieren PHP, docker?, bases de datos? framework?).

Entiendo que un rediseño completo puede ser complejo, pero a lo que voy es mucho mas pequeño. Mantener el diseño e incluso mantener las tecnologías back-end. No obstante, retocar el front-end. No me refiero a aplicar react, angular o vue, sino mas bien, html5 y css3.

Ahora respecto a los puntos a, b, c y d:

A) Si, eso es un problema. (pero por lo que explicas pareciera que estarías hasta dispuesto a hacerlo tu solo hahahaa)
B) Para eso se pueden aplicar otro medios que no sean github: slack, jira, el propio sitio web.
C) Entiendo (o quiero entender) que si el back y el front no están separados una cosa sería la web, otra el foro y otra los retos de la warzone. (incluso cada reto podría tener su repo). // no sé si existirá una separación entre la wiki, el blog, etc.
D) Me remito a lo que dije anteriormente. Para iniciar no es necesario modificar las tecnologías, solo optimizar lo que hay.

Saludos,

Modifico: Se me olvido mencionar, tu diseño está genial.

El front-end de la web y el warzone tiene como unos 15 años sin tocarse. Lo puedes revisar tu si quieres, solo es irse al sitio en cuestión, click derecho, inspeccionar código fuente y verás de lo que estamos hablando...

Simplemente, no tiene caso parchear el front-end como está ahora. Quizás una o dos cosas puntuales podríamos corregir pero realmente lo que hace falta es un rediseño completo. La web, como diría Indiana Jones, pertenece a un museo.

Ahora, si podemos trabajar la web sin un framework front-end pero realmente que ganamos con esto? React es una librería muy sencilla en mi opinión. ¿Se puede complicar el código? Claro... pero eso no es culpa de React.


Realmente no estaría dispuesto porque mi intención no sería de crear un sitio nuevo y llamarle "elhacker.net". Si no es desde un punto de vista comunitario tendría que ser desde el punto de vista del creador. Como individuo yo no figuro.


Si, estaba contemplando usar un issue tracker publico. Slack no tiene mucho sentido en mi opinión. Tenemos un canal de Telegram para discutir estas cosas entre los colaboradores pero las cosas se pierden muy fácilmente. La web no tiene una plataforma de comunicación, podríamos usar el foro pero es más de lo mismo, no es ideal. Encima tenemos el problema que lo que acabe en el foro no es visible desde github y viceversa. Jira cuesta dinero a menos que nos limitemos a 10 colaboradores. No es ideal pero pues es una opción. Trello también era una consideración. En fin, hay opciones pero nada es ideal.


La idea inicial era separar el backend del frontend precisamente porque podríamos dejar el frontend público de forma que no había necesidad de exponer el código backend al público. Así, si alguien ve un error puede crear un PR y si le damos el visto bueno se incorpora inmediatamente al sitio web.

Pero mantener los repositorios y sus issues de esta forma se vuelve más complicado.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

(https://i.imgur.com/kUm8tTE.png)


Gracias, por desgracia solo la cabecera esta "bien". El layout necesita mucho trabajo más.

Hola, el tema del diseño del foro se habló muchas veces como bien menciona el compañero MinusFour.



Si, tal vez puede ser porque MinusFour podría realizar los cambios y mejoras al sitio pero como también comentó, no es su sitio web pero las ganas y el material lo tiene, de todas maneras se habló hace poco justamente de esto mismo, de mejorar el sitio y el-brujo comentó que aquí hay una especie de democracia en donde personas del staff e incluso hasta colaboradores pueden opinar y decidir sobre temas relacionados con la administración del foro.

El brujo me comentó que pronto están por hacer una mejora al foro, una actualización de la rama SMF 1.1 a la 2.0, éste trabajo aunque le falta algunos retoques, pero ya está prácticamente terminado y en cualquier momento el sitio entrará en modo de mantenimiento para que se pueda hacer el largue upgrade.

Yo entiendo que se quiera mejorar el sitio pero entiendo también que se quiere conservar el estilo y diseño de tantos años y mantener ese valor histórico del diseño.


Saludos

Comparto la idea contigo (soy muy de rehacer las cosas desde 0 cuando no me gusta algo). El tema está que que quizás para minimizar la resistencia al cambio se puede optar por una fase intermedia. Pasar de html4 a html5 tampoco es una locura, y por algo se parte. Arreglar un detallito como el menú absolute de la warzone es algo, infimo, pero es algo. Otra forma es en efecto, actualizar todo pero mantener el diseño.

No me mal entiendas, evidentemente sé que es poner un parche sobre una hemorragia, pero bueno, supongo que peor es nada. En mas de una ocasión agradecería que la web tuviera una versión dark bien hecho para que mis ojos no estallaran por las noches.

Como sea, muchas gracias por tomar en cuenta el comentario. Y de tomarse alguna decisión al respecto, no duden en que estaría encantado de ayudar. (No conozco bien REACT, prefiero VUE y odio Angula, pero bueno, uno se acomoda, haahhaha).

---

Con eso diste en el clavo, me agrada la idea de mantener el diseño (tampoco me opongo a un update) no obstante una cosas es el diseño y otra cosa es el código que hay por detrás. Como lo que decía del menú, se lograría el mismo resultado (de hecho mejor), con mucho menos código, pero visualmente no cambiaría nada.

La idea realmente no es empezar todo desde "cero". El sitio web debería ser el sitio web de ahora. No es remplazar el sitio web por otro vaya. Sin embargo, el diseño de la web va de la mano con el markup de la web. El markup de la web va de la mano con el backend de la web. Así se desencadenan cambios a través de todo el sitio web. Por eso uno de los primeros issues que abrí fue este:

(https://i.imgur.com/2vRyT96.png)


Eh, yo creo que el foro y el sitio web están así por tener esa mentalidad. Se rompe algo, un pequeño parche aquí. Se rompe otra cosa, otro parche por aquí y al final acabas con un sistema de tuberías todo parcheado. ¿Funciona? Si... pero olvídate de incrementar la presión de agua porque te cargas todo.

La esencia de la web es lo que debe perdurar y en mi opinión su diseño no es parte esencial de la web. Esta bien dejar una versión archivada por ahí como contexto histórico pero nada más. Pero como dije, esa es solo mi opinión.

Yo intenté echar un cable en su día pero no manejaba las tecnologías que se estaban utilizando. Asique no logré ni hacer una aportación pequeña.

Quizas ahora pueda aportar, que estuve aprendiendo React y estoy mas familiarizado.

El principal problema que veo es el mismo que comenta MinusFour, no hay una serie de directrices claras, entonces a la hora de toma de decisiones no tienes claro que hacer.

A parte en el repositorio, desarrolladores que programen web no sé si somos solo 3 o 4. Yo tengo 0 conocimiento del backend del foro, asique ni la menor idea de como se va a integrar o como siquiera te puedes plantear el desarrollo del front si no sabes de donde vas a sacar el código del backend. Tampoco manejo de consultas sql, por lo que todo el backend si se toca (que entiendo que es necesario al estar seriamente integrado con el front) yo no aportaría nada.

Sobre todo, faltan decisiones sobre que es exactamente lo que se quiere hacer. Que tecnologías se van a utilizar. Etc.

Respecto a la estética a mí tampoco me importaría echar una mano en el código CSS y hacer el foro responsive, así no obligarías a instalar en el smartphone la app tapatalk. Si hubiera un Github para esto (igual hay) yo me apuntaría.
¿Qué dificultades veo? El código final html que es una basura. Es como los antiguos códigos del siglo pasado en el que el diseño se hacía a base de tablas. Veo que un simple mensaje como este tiene anidadas 3 tablas y atributos obsoletos en línea como cellspacing o cellpadding entre otros. Entonces, hacer responsive el horrible código html actual, sería ir bloqueando desde css todas las propiedades y hacer uso de !important. Por esto, si se quisiera hacer responsive desde css y mantener las tablas (por no hacer una gran modificación al código html final) habría que hacer una mínima limpieza de los archivos PHP quitando todos los atributos obsoletos. Pero...
¿merece la pena trabajar en diseño sobre tablas?

Si tenemos un repositorio para el foro, privado a la organización de GitHub, el cual cualquier colaborador/moderador/administrador puede pedir una invitación.

Tendría que revisar que tantos cambios son necesarios para hacer responsive el tema del foro. Pero realmente no tiene caso, la idea es migrar a una nueva versión de SMF y/o a otro sistema. Los cambios que hagas serían mejor sobre la actualización.

Por lo menos la nueva versión de SMF tiene un tema responsive y sería solo ajustar colores y cosas así.

No sé, yo creo que a mi me gustaría algo similar a lo que hay ahora (visualmente), con la misma organización y todo, solo que con un código mas limpio y quizás una estética mas "estilizada" (sin discrepar mucho con el diseño actual).

Ni yo me entiendo lo que quiero decir, así que haré un diseño rápido para explicarme. Vuelvo en unas horas.

---

EDITO:

Algo como esto:

(https://i.ibb.co/9NFN7nZ/elhacker-desing.png)
//Hecho en VUE Vite (instalación por defecto), Tailwind y Font Awesome.

(No le hagan mucho caso a los colores, los hice un poco a la rápida, no estoy seguro si le acerté al azul bien, sobre todo en los icnos de rrss) .

No lo veo mal. Tuvimos en su tiempo una conversación de como unos 8 mensajes acerca del layout y no llegamos a ninguna conclusión. Pero el-brujo creo que si menciono preferencia acerca de conservar las columnas de navegación. En lo personal, yo creo que adaptar tanto contenido del sitio en columnas no es algo que quede muy bien en resoluciones pequeñas.

Termine usando un nuevo logotipo porque no podía adaptar muy bien el actual. No hubo alguna queja acerca del logotipo y pregunte varias veces creo.

En cuanto al stack, pues no tengo problemas. En su momento, pregunte si alguien prefería Vue o Angular en lugar de React. El framework de CSS que utilizamos quizás valga la pena remplazarlo (aunque el repositorio usa SASS). También estaba considerando en poner CSS in JS (como emotion).

Lo cierto es que el stack es completamente opuesto a lo que tengo hecho. Vue en lugar de React. Vite+Rollup en lugar de Webpack. Tailwind en lugar de Foundation.

Las tecnologías es cosa de decidir. Y asegurarse que lo que se decida tenga alguna trayectoria a futuro. Por lo demas, lo unico que pido es que usen las preferencias de usuario para asignar un template oscuro, de verdad lo agradecería mucho.

(https://i.ibb.co/898TNGx/dark-mode.png)

Por lo demas, supongo que el tema estaría resuelto, de acá en adelante son conversaciones entre el staff. Suerte!

PD: Si sigo por aquí cuando actualicen el sitio web (si lo hacen), cuenten conmigo para cualquier cosa. (Da igual la tecnología, incluso si son las que indica MinusFour puedo subirme al proyecto).

Buen trabajo 3n31ch, gracias por tu aporte y tus ganas de ayudar, todo eso es una motivación más para que se pueda mejorar el sitio, al menos en parte de código.


Saludos

Gracias por las sugerencias y aportaciones, aunque todavía no había contestado, he estado leyendo desde hace días con mucha atención todos los mensajes.

Tanto el foro como la web no es que necesiten una "optimización", necesitan un rediseño completo.

Otro tema es el sentido actual de la web, sin descargas, sería más ofrecer una pantalla de inicio con algunos de los servicios que se ofrecen: noticias, foros,


Cambio de opinión rápidamente..... el diseño de las columnas es el clásico, pero no con el formato actual de diseño.


Se agradece, no puedes ni llegar a imaginar lo mucho que odio tapatalk xD

¿Te refieres a que la web pase a ser algo así como un hub? Donde solo aparezcan los links al foro, wiki, noticias, warzone y servicios (ademas de aparecer información de redes sociales y quizas un buscador)?

De ser esa tu visión, yo me arriesgaría con un diseño mucho mas actual, tanto en la web-hub como en los otros apartados. (Osea, no limitarse a mantener la estética actual). Me gustaría hacer un ejemplo; Si me veo con tiempo lo subo.

Yo creo que se refiere a la utilidad de la web en general. Como está ahora tiene mucho contenido obsoleto. Por ejemplo, Trucos PC (https://elhacker.net/trucos.html). No se ha tocado nada de la web por muchos años creo yo. Solo las noticias y algunos otros servicios son relevantes.

Lo aconsejable es que sea la que sea la dirección en que se avance, es que los cambios a efectuar permitan a futuro otros cambios y no que los de ahora vinieren a suponer luego un lastre para seguir 'evolucionando'.

En ese sentido cuanto menos dependiente de 'algo' más libertad te deja... por otro lado, la comodidad de 'depender' de algo ya hecho elimina la complicación de aplicar cambios al precio de esa dependencia que lastra para cambios a futuro. Lo idela sería pues encontrar algo en un punto intermedio, algo que resuelva lo fundamental con las bases de datos y que al mismo tiempo tolere la libertad de ciertos cambios en la estética sin que rompa con el sistema elegido.

Simple Machines, así como Ip.Board, vBulletin, phpBB y otros tantos, no han evolucionado demasiado con los tiempos... Pero me pregunto si no habría alguno que haya escapado a esa dinámica y que pudiera facilitar todos o por lo menos una gran parte de la intencionalidad esperada.
https://en.wikipedia.org/wiki/Category:Virtual_communities
https://en.wikipedia.org/wiki/Category:Internet_forums
https://en.wikipedia.org/wiki/Category:Bulletin_board_systems

En sus tiempos, recuerdo un board altamente complejo (al menos en la apariencia con la primera impresión) y altamente configurable, que permitía casi toda clase de control incluso wiki, RSS, juegos, calendario... lástima que no recuerde su nombre, aunque en algún disco duro debo tener copia del mismo, pués me lo descargué para instalarlo en local y probar.

Si, me refiero ambas cosas, que sea un hub y apenas dejar algunos servicios que todavía funcionan, otras secciones como comenta MinusFour están obsoletas (ya que llevan sin actualizarze durante años), descargas, trucos, etc

Serapis, cierto que los sistemas de foros no han evolucionado mucho, pero mira ForoCoches que sigue un modelo de foro increíblemente clásico pero totalmente funcional y no le falta éxito (visitas) aunque la mayor parte contenido deje mucho que desear (aquí iría a la papelera directamente)

A parte del parte técnica, faltaría un diseñador, maquetador o como queráis llamarlo, alguien que ayude en el diseño.

Aquí lo que necesitamos o mejor dicho lo que necesita el sitio es como bien dijo mí amigo el-brujo, un rediseño completo, que sea escalable al pasar los años, porque lo que hoy en día es moderno, mañana será obsoleto y al ser escalable entonces el día mañana cuando se quiera o necesite actualizar se podría cambiar un poco el diseño  para evitar rediseñar todo nuevamente.


Saludos

En mi opinión lo mas rápido y sencillo sería hacer un sitio nuevo absolutamente desde 0 y que ambos coexistan mientras en el nuevo sitio no se vayan creando temas, secciones, entradas, usuarios y comentarios.

Hay un montón de modelos distintos que están funcionando muy bien como Stackoverflow o Quora. A mi personalmente me gusta mas el estilo del foro y soy usuario 100% móvil.

Vale, hice un diseño en base a lo que me imagino que dice el-brujo (no pude dedicarle mucho tiempo, pero se entenderá la idea). No le hagan mucho caso a los iconos, ocupe unos que tenía por ahí, la idea sería hace unos para cada servicio.

Click en la imagen para ver

Lo que se ve en grande (https://i.ibb.co/F0syzV8/full-visible.png) (https://ibb.co/F0syzV8)		Lo que se ve desde un mobil (https://i.ibb.co/51pJnbQ/mobile-visible.png) (https://ibb.co/51pJnbQ)
full blanco (completo) (https://i.ibb.co/kM6mdx2/full-blanca.png) (https://ibb.co/kM6mdx2)		full negra (completo) (https://i.ibb.co/MhVwfmC/full-negra.png) (https://ibb.co/MhVwfmC)
movile blanco (completo) (https://i.ibb.co/sj7ngXJ/mobile-blanca.png) (https://ibb.co/sj7ngXJ)		movile negra (completo) (https://i.ibb.co/7GCw6vR/mobile-negra.png) (https://ibb.co/7GCw6vR)

Reitero, los iconos no son los que deberían ser, y añado que muy probablemente los colores tampoco. Ni nada la verdad  :xD

PD: Otras opciones que me agradaría implementar son efectos hover de este tipo: EFECTO (https://codepen.io/dogancelik/pen/GrGZdp), una animación de carga al logo y un background animado simple, como esto: BACKGROUND (https://codepen.io/divyanshudwivedi/pen/rNOjLmV), quizas a la versión oscura algo mas interesante. Claro, esto debería aplicarse a algunos dispositivos, los mas antiguos con limitaciones mejor no cargarle tanta basura visual.

Es básicamente la idea que estaba trabajando al final (https://i.imgur.com/Ev3Fj6P.png).

Los iconos los he hecho yo desde 0 para evitar problemas de derechos de autor y así. Realmente no tenía mucha idea de que hacer con los iconos, así que no son lo mejor.

En cuanto a los colores, yo creo que están bien. El layout es más de lo mismo, pero dependiendo de la idea podría ser un compromiso aceptable.

Unos iconos a ese estilo no estarían mal la verdad, son bitmaps? La verdad no tengo mucha creatividad para algo como "Convertidor" o "whois". Quizás pueda hacer algo estilo 3D con Inkscape.

Si, osea ese diseño no vale para nada sin unos buenos icons. La idea sería hacerlos personalizados para elhacker.net. Son bitmaps pero la fuente ha de ser vectorial (y para iconografia, lo correcto es que sea vectorial). Puedo intentar hacer algo, para mostrar, ya pensé en algunos diseños pero la verdad nunca he intentado hacer algo así.

En fin, me gustaría saber la opinión del resto del foro y sobretodo, del staff y el-burjo. En caso de actualizarse la pagina lo primero es definir tecnologías y quienes podrán participar. Cuenten conmigo cualquier cosa.