// notas de Wilson.E

Guías de CodeHub

Textos propios sobre las herramientas del sitio, apps de código abierto y cómo cotizo trabajo freelance desde Guatemala. No son copias de documentación de terceros.

  1. Qué corre en tu navegador y qué no
  2. Contraseñas que sí resisten un dump filtrado
  3. Cómo elijo apps Android de GitHub Releases
  4. Flexbox: un eje, no un grid
  5. Qué pido cuando cotizo un sitio en Guatemala

Actualizado: 25 ago 2026 · /tools

Qué corre en tu navegador y qué no

La página de herramientas de CodeHub mezcla dos tipos de utilidades. Conviene saber cuál es cuál antes de pegar un secreto.

Locales: generador y verificador de contraseñas, QR, Base64, UUID, hashes SHA, JSON formatter, regex tester, pomodoro, conversor de unidades. El cálculo ocurre en JavaScript de la pestaña. Si cierras la pestaña, el dato se va con ella, salvo que lo hayas copiado tú.

Con red: clima, IP lookup, DNS lookup, traductor, generador de imágenes y el chat WIL.E. Esas llamadas salen a APIs públicas o a nuestro backend. No pongas tokens de clientes, cookies de sesión ni documentos privados en esos campos.

No ofrezco “privacidad absoluta”: el navegador sigue siendo un entorno que puede tener extensiones. Para un secreto de producción uso un gestor de contraseñas, no un generador web, aunque el mío sea local. La herramienta sirve para un draft rápido o para enseñar cómo se ve una cadena aleatoria de 20 caracteres.

Si una utilidad pide permisos del sistema (ubicación para el clima), es el navegador quien pregunta. CodeHub no instala un servicio oculto. Detalle de cookies y terceros: Política de privacidad.

Seguridad práctica · sin jerga de marketing

Contraseñas que sí resisten un dump filtrado

La longitud gana a los “símbolos raros” si el atacante tiene un hash y puede probar combinaciones. Doce caracteres aleatorios de un alfabeto amplio suelen ser suficientes para una cuenta personal; dieciséis o más para correo y bancos. Reutilizar la misma clave entre sitios es peor que usar una clave “fea” de 8 caracteres: un leak en un foro te abre el correo.

Qué hago yo

  1. Genero la clave en el generador de CodeHub o en el del gestor.
  2. La copio una vez y la guardo en el gestor. No la dejo en un chat ni en una captura.
  3. Activo 2FA donde el servicio lo permita (app, no SMS si hay otra opción).

El “verificador de fuerza” del sitio estima entropía a ojo: mayúsculas, números, longitud. No detecta si escribiste tu fecha de nacimiento. Úsalo como recordatorio visual, no como auditoría.

Nunca pegas una contraseña real en el chat de WIL.E ni en el traductor. Esos textos pueden pasar por un proveedor de IA.

Catálogo /opensource · criterio editorial

Cómo elijo apps Android de GitHub Releases

El catálogo de CodeHub no es una tienda. Cada ficha apunta al repositorio que yo pude abrir y contrastar: nombre del paquete, actividad reciente, licencia y que el APK salga de Releases del mismo org/user, no de un mega.nz anónimo.

Instalar fuera de Play implica aceptar el riesgo: no hay revisión de Google Play Protect como en la tienda. Por eso filtro mods, “premium cracked” y APKs reempaquetados. Si el README y el Release no coinciden, no listo la app.

Lista corta antes de instalar

Las VPN de la lista son clientes de código abierto. No vendo túneles ni prometo que “te vuelves invisible”. Una VPN mal configurada o un servidor de un tercero sigue viendo tu tráfico. Si necesitas una VPN comercial con jurisdicción clara, eso es otra compra; CodeHub no la intermedia.

Windows Enhance, en el mismo sitio, es un recuento de herramientas de recuperación con enlaces. Tampoco alojamos ejecutables de Windows.

CSS · /flexbox-labs

Flexbox: un eje, no un grid

Flexbox alinea hijos en una fila o una columna. El gap, el wrap y el justify-content resuelven barras, chips y centrados. Cuando el diseño es una tabla de celdas (galería, dashboard de 12 columnas), CSS Grid ahorra anidaciones.

En CodeHub incrusto Flexbox Labs (MIT, prazzon) para que puedas mover sliders y ver el CSS generado. Ese playground no lo escribí yo: si el iframe falla, usa el enlace “abrir en pestaña nueva”. Lo que sí es mío es cuándo lo recomiendo: primero flex en el header y el menú; grid en el listado de tarjetas.

Un error típico es poner width: 100% en un hijo flex sin min-width: 0. El texto largo o un pre entonces empuja el layout. En este sitio lo documentamos en las reglas de responsividad: los hijos de flex/grid que contienen código llevan min-width 0.

Servicios · Guatemala

Qué pido cuando cotizo un sitio en Guatemala

Trabajo freelance desde Ciudad de Guatemala, remoto o presencial según el proyecto. Un mensaje útil no es “¿cuánto cuesta una página?”. Necesito alcance:

Con eso armo un rango. El precio cambia si el contenido llega a destiempo o si hay que integrar un ERP. No entrego “plantillas infinitas”: entrego un sitio que puedas editar, con HTTPS y un canal de soporte acotado (ajustes menores post-entrega, no rediseño eterno).

Contacto: formulario en la home, wilson.e360labs@gmail.com o WhatsApp. Detalle de paquetes en Servicios.