Bookmarklets, UserScripts y UserStyles, esos grandes desconocidos?


#1

He buscado, en el foro, y parece que no hay tema sobre esto (comentad si he obviado algo), me parece muy interesante.

Me parecen herramientas muy útiles, sobretodo los dos primeros (Bookmarklets y userScripts) como funcionales, el último es más estético (UserStyles), aunque puede combinarse con userScripts…

Bookmarklets: (en proceso) (lo iré editando para completar, saludos)

Definición: Son fragmentos de código (snippets) en Javascript-ECMAscript, en formato “URI”, que son como un “marcador” URL" bookmark… pero en lugar de http o https:// son
javascript:// + código para realizar acciones sencillas manipulando DOM, urls o características de una página web, los complejos tipo ArtoJs o DOM Monster (los expondré detalladamente en próximos post) permiten “añadir funcionalidades” muy potentes que pueden llegar a ser tipo “addons-extensiones” tienen además la ventaja de que “suelen ser” multiplataforma y “multi navegador” incluso en “móviles” y tablets (más allá del escritorio) (entorno desde desktop a mobile) por tanto.

Además al ser Javascript (es código que se puede reutilizar en entornos NodeJs) etc

En Brave (tipo Chromium, no funcionan xD), pero en Firefox, Chrome, Opera, Safari, sí

Los hay sencillos (y complejos), son “esos grandes desconocidos” sin duda, o eso pienso xD, ejemplos como:

  • DOM Monster
  • PrintLiminator
  • OpenSpritz
  • ArtoJs

*ideas que se os ocurran ^^

referencias:
https://medialab.github.io/artoo/
http://mir.aculo.us/dom-monster/
http://marklets.com/ => esta web está “muy rota” “rotísima”, pero hay alguna cosa interesante* como
https://www.squarefree.com/bookmarklets/
https://iosbookmarklets.com/dom-monster-bookmarklet/
https://es.wikipedia.org/wiki/Bookmarklet

Marklets
http://marklets.com/Save%20Page%20to%20Wayback%20Machine.aspx
http://marklets.com/Delete%20cookies.aspx
http://marklets.com/CSV%20from%20HTML%20tables.aspx

  • UserScripts
    Qué son?

Son “fragmentos de código” Javascript o “sintaxis similar” interpretada por el navegador web (Firefox, Chrome, Opera … etc) para ampliar funcionalidad, estilo, y interfaz personalizada.

Ejemplos como:

Referencias:
https://greasyfork.org/es
TamperMonkey
ViolentMonkey
GreaseMonkey

  • UserStyles:
    Que son?

Son “estilos” de página web, sitio web, inyectados de forma local, una addon o extension en el navegador web “inyecta” un .CSS al sitio web, “sobreEscribiendo” el original, y modificando su apariencia, también hay .CSS para “apps” como Firefox y otros, dado que los navegadores " internamente" también manejan CSS para la interfaz gráfica (y la tendencia es a más)…

Se pueden usar conjuntamente con “userScripts”

Referencias:




https://addons.mozilla.org/es/firefox/addon/stylish/


https://openuserjs.org/

https://userscripts-mirror.org/ => *Un poco de “arqueología web” (abandonware)
Donde encontrar más? pues en general en Internet, Gist.Github… etc hay a veces “cosas sin visibilidad” que son muy muy buenas (en todos los ámbitos que comente, en los tres tipos de cosas)

Tanto para “programadores” y desarrolladores como para usuarios avanzados.

Os animo a compartir buenas ideas, y vuestros pensamientos al respecto :wink:

EDITO: Iré actualizando poco a poco, y con añadidos que comentéis.

  • Añadidos enlaces de userScripts en GreasyFork.

Saludos


#2

La verdad es que yo uso mucho Stylish, a veces tan sólo retocando cosas que en las web que necesito usar están rotas y otras tan sólo modificando estilos por gusto (el clásico es tunear toda la web de Whatsapp para que no se vea verde a la legua… y ser más discreto en la oficina :D).

Greasemonkey lo usaba antes, pero dejé de usarlo… y si no ha cambiado la cosa, Google dificultó mucho la instalación de scripts de esta forma en Chrome.

Es un tema sobre el que no vuelvo casi nunca, pero en su día hablé de ello en el blog.


#3

Es muy útil, lo he usado desde el principio, para “arreglar cosas feas” jajaja “el tuning” de webs…

En mi caso en foros antiguos sobretodo, en sitios para ajustar el “tamaño de fuentes” con Normalidad, y Coherencia por niveles.

Caso paradigmático en ForoCoches o HTCmania, que cuando “iba a la realidad”, me asustaba, de lo acostumbrado que estaba al “userStyle” o “userScript” personalizado.

Además en el inicio fue una forma de “aprender” una forma de CSS “profundo” y ver los problemas del “Código Espaghetti”, la importancia del “marcado semántico”, de las plantillas… etc con ejemplos prácticos y además divertidos.

Vamos, que me resulta curioso (no había mirado esa referencia de tu blog, gracias por la referencia).

Me ha gustado el “camuflaje del SFW (Safe For Work)”, en mi caso tengo “flexibilidad” de lugar de trabajo, eso que me ahorro (pero es a veces una pugna del autoControl de uno también, en ausencia de la Autoridad “del látigo” disciplinador, el “Trabajar por Objetivos” mola, pero requiere un planteamiento profundo (como se abren, los debates :D), que bonito es el proceso, en Discourse ^^)

Sobre dificultar en Chrome y eso, no lo sabía, para personalización uso Firefox, pero también (ultimamente han agredido la personalización por el “paso a Quantum”), yo sigo en el Firefox ESR (pre-Quantum), con mis personalizaciones (esa famosa tensión inmobilismo vs reinvención)

Han surgido (desde hace tiempo) “clones” tipo TamperMonkey o ViolentMonkey, similares a Greasemonkey.

Es un tema que personalmente me interesa, lo del “Hacking” de frontend, porque me permite “trastear” con web/apps, como un “mono”, con ideas nuevas, transformación, procesamiento de información filtrado…

El otro día estaba probando un “bookmarklet” para extraer “Entidades Nombradas” en "puro javascript + regEx, ni siquiera tenía “ontologías”, y funcionaba bien.

Son “pequeños grandes detalles”.

Google como buscador con cosas como Google Hider Hit Domain, mejora mucho, y podemos plantear otras cosas que agilizan mucho la búsqueda de información.

En mi caso, desde hace tiempo me interesa el desarrollo de buscadores, Yacy o similares son experimentos, pero son lentos, la escalabilidad, no acaba de funcionar, y la “Autoridad” no acaba de gestionarse bien como “distribuída”.

Pero me resulta muy interesante, me planteo un motor de búsqueda de pago, y si “cuajaría”, yo pienso que sí, todo es plantearlo.

El pago por servicio util ,que aporte algo nuevo, siempre puede ser bienvenido, el “Todo Gratis pero con limitaciones” no me gusta, el modelo fremium, sería una evolución.

Eso tampoco me hace “apoyar” reinvenciones de la rueda hacia la “Comodidad” tipo Evernote, cuando son muy muy limitadas, y además (aunque han mejorado), están a años luz de soluciones personalizadas.


#4

Plantear un motor de búsqueda que sea alternativa a Google o Microsoft es una tarea titánica, de facto imposible para todo aquel que no sea una empresa gigantesca (Facebook podría hacer algo parecido, si bien es muy diferente almacenar lo que tiene en sus servicios y rastrear lo que hay fuera; por increíble que parezca, ahí afuera sigue habiendo muchas más cosas que dentro de Facebook.)

Problemas:

  • Es una tarea intensiva en capital. Muy intensiva en capital, de hecho.
  • La performance es clave: o das el resultado en menos de un segundo, o el usuario se marcha a otro buscador donde el resultado sea así de rápido (típicamente, a Google).
  • Los datos han de estar actualizados (esto reincide sobre el punto de que es intensivo en capital). La competencia da resultados de cosas publicadas en la web hace horas, a veces hace tan sólo minutos (Google News). Si tu buscador distribuido no es capaz de responder igual de rápido, la gente probará otra cosa para buscar info de última hora (si muere tu artista preferido, por ejemplo, no vas a esperar 3 días a que un buscador actualice sus resultados de búsqueda).

Por todo esto, no es sencillo lanzar buscadores p2p. Yacy fue un experimento. No sé si sigue en desarrollo pero a menos que se esté probando algo diferente, eso ya se vio que no iba a despegar.

Sobre el tema de hacerlo de pago… ahí hay toda una reflexión sobre cómo librarnos de esa lacra que es el modelo gratis con publicidad, cuyos efectos son devastadores y se dejan ver, más que en ningún otro lugar de internet, en la web: la web actual está lastrada por ese modelo de banners, intentar cazar al usuario, titulares sensacionalistas a la caza de páginas vistas / clics y artículos que van hasta las cejas de enlaces referidos metidos con calzador.

Un cambio es necesario pero ¿es posible? :slight_smile:


#5

Plantear un motor de búsqueda que sea alternativa a Google o Microsoft es una tarea titánica, de facto imposible para todo aquel que no sea una empresa gigantesca (Facebook podría hacer algo parecido, si bien es muy diferente almacenar lo que tiene en sus servicios y rastrear lo que hay fuera; por increíble que parezca, ahí afuera sigue habiendo muchas más cosas que dentro de Facebook.)

… no es sencillo lanzar buscadores p2p. Yacy fue un experimento. No sé si sigue en desarrollo pero a menos que se esté probando algo diferente, eso ya se vio que no iba a despegar.

Exacto, lo que falla a mi juicio en Yacy o Freenet, TOR “es no entender el ecosistema”, y utilizar “herramientas” poco “escalables”… una cosa es “un proxy distribuído” de contenido estático a escala moderada, que no es lo mismo que “en diferido” Bittorrent o ed2k de enjambres, y que es “menos lo mismo” (muy diferente) que “Blockchain”, IPFS, BOINC o arquitecturas de clusters muy escalables (tanto en horizontal como en vertical)

A mi juicio se entiende perfectamente la analogía “P2P tipo Bittorrent” orientado a archivos" vs un P2P orientado a “grafos en JSON” que son texto y “bases de datos en formato documento” y consultas en esas bases de datos “al vuelo”.

Los clústers con Hardware orientados a Información “al vuelo” o “tiempo real” como:

  • “ramDisk” de TB (TeraByte) o PB (petaByte)
  • Alta velocidad de transferencias con bajas latencias (cuellos de botella mínimos)

La Escalabilidad P2p, podría venir "en lugares como Singapur, o Corea (por su densidad de población/velocidad ancho debanda de Internet y trasnferencias de datos y tecnología/precio), desde enjambres de hogares “colaborando” en Federación con “servidores” que garantizaran “unos IOPs determinados” y un “ancho de banda” concreto de baja latencia.

De lo contrario “un modelo de VPNs vía donaciones”… etc

Me pregunto con esto si “existe” alguna empresa (cual nicho de Cementerio), que te permitiera “arrendar” un “espacio VPS” con tu propio Hardware y te cobrara por ese servicio… y si estos servicios (más allá del alquiler), son intensitovs en Competencia o hay un “PVP” o "una Omertá de Precios)

Me refiero a "tener un VPS en propiedad y “enchufarlo” a un centro de datos que nos cobre sólo por el servicio de "alta velocidad de Internet, energía a bajo coste, etc…

Porque igual “veríamos” ciertas soluciones P2P (a otro nivel), un VPS-VPN (alojados en Hardware nuestro o arrendado (habría que valorar el precio y si hay Competencia de precios) controlado en remoto desde “hogar” o terminal.

  • (1): Una referencia, como fuente primaria sobre Escalabilidad (muy interesante), de la que he aprendido mucho (por planteamientos), cuestiones al pensar en la Escalabilidad en sí (ya no sólo rendimiento sino coste/rendimiento, viabilidad):

HighScalability * (1)

Hacen entrevistas a ingenieros jefe, en arquitectura y planteamientos diversos, muy bueno, para quien quiera ampliar.

Google, Twitter, Yahoo, Tumblr, Amazon… todos han aprendido muchas cosas estos últimos 10 años (desde 2007), sobre Escalabilidad (coste/beneficios), y la propia Naturaleza “efímera” de la Información en muchos casos, la importancia de las “referencias” del citado, del “SEO on page”, por contenido, entre otras muchas cosas.

La Relevancia por “Calidad”, frente a “millones de resultados”; encontrar lo justo que buscamos o "los entornos donde se debate de x temas, de forma profunda, por correlación de “términos”

Si en “VersVs” se habla de “Yacy” y “BlockChain” eso ya implica “cierta calidad” (calidad por correlación de “términos”)

Un ejemplo de “búsqueda” por correlación:

https://www.google.es/search?q="Yacy"+"BlockChain"+"Escalabilidad"+"P2P"&num=100
=> 1 resultado?

“Escalabilidad es bastante poco frecuente como término”, si quitamos eso…

https://www.google.es/search?q="Yacy"+"BlockChain"+"P2P"&num=100
=> 2k resultados (aproximados) 198 (relevantes)

Para mostrarte los resultados más relevantes, hemos omitido algunas entradas muy similares a las 199 que ya se muestran.
Si quieres, puedes repetir la búsqueda e incluir los resultados que se han omitido.

Sobre

ahí hay toda una reflexión sobre cómo librarnos de esa lacra que es el modelo gratis con publicidad, cuyos efectos son devastadores

Estoy totalmente de acuerdo, es un modelo “Caníbal”, además genera “Infoxicación” y cosas que odio como los “acortadores de enlaces” y el “Síndrome de los Intermediarios”

El “todo Gratis”, es un problema, porque “no es Gratis”, y el coste es mayor de lo que parece, además, los beneficios acaban “dirigiendose” como “flujos” a la Publicidad y “los de siempre”.

Prefiero “pago por uso” o “donación por valor añadido” si es fremium, que “usar gratis con publicidad”.

Totalmente de acuerdo, y has señalado puntos muy importantes. (pienso que puede ser muy interesante abrir? un hilo sobre motores de búsqueda y SEO “objetivo”)

El motor de búsqueda de Información es una de los “proyectos”, con “menos Trivialidad”, en Ciencias de la Computación, por todos los procesos, y recursos implicados de ahí que Google esté en la vanguardia de muchas cosas y “diversificación” como lema.

PD: Me he ido hacia el offtopic (y pido permiso xD), para el hilo sobre motores de búsqueda.

Que os parece?


#6

Aunque el resultado sea basura, el caso es que le de algo rápido. Y es que supongo que hay búsquedas y búsquedas y para unas tienes paciencia (y mucha ilusión) y para otras pues no.


#7

Coincido, para mí es mucho más importante Calidad que Inmediatez (mejor ambas), muchas veces el “tiempo real” está sobrevalorado, para muchas cosas… hay muchos tipos de Información (sucesos, información inmediata, reflexión, artículos técnicos…