Super cool: cum poți citi știrile pe site-uri pe care intri frecvent – fără să te deranjeaze diferite elemente vizuale ale unui site anume?

Să zicem că intri frecvent pe niște site-uri de știri, sau bloguri.

Și ai dori, să zicem, să nu vezi anumite secțiuni (partea de sus a site-ului, bara laterală, subsolul).

Poate în site sunt secțiuni care te deranjează – „vezi și alte știri”, „vezi articole similare”, „abonează-te la newsletter”, „intră pe rețelele sociale”.

Am o soluție prin care se poate customiza conținutul unei pagini foarte mult – poți alege să nu afișezi anumite secțiuni.

Aici am pus niște filtre care pot fi folosite ».

Un tool care poate fi util pentru formatare HTML: https://www.freeformatter.com/html-formatter.html

Soluția este uBlock Origin – Chrome / Firefox.

De văzut video de mai jos.


Vezi video pe YouTube:

Vezi video pe YouTube »

Vezi video pe Vimeo:


Video pe Vimeo »

Cum arată un site înainte și cum arată după folosirea pluginului:

Vezi video pe YouTube »

Notă: soluția prezentată funcționează pe mobil doar în combinația – browserul Firefox + extensia uBlock Origin (cred că merge doar pe Android, nu și pe iOS).

Soluția prezentată nu e unică – sunt și alte metode în browser (depinde de browser, dar există ceva gen „Reader View” în unele browsere), și extensii de browser (JustRead) care schimbă formatarea, și îți permit să vezi doar titlul și contentul. Dar soluția prezentată de mine permite soluții pentru orice site și orice element.

Cu toolul prezentat poți să tai fix ce vrei dintr-un site.

La unele readere din browser îți lasă titlul, conținutul, dar nimic în rest, și poate vrei să păstrezi esența site-ului.

Plus că dacă deschizi multe taburi și ai sta la fiecare „intră în reader mode” te-ai plictisi să apeși pe butonul de formatare text.

Cu soluția prezentată, totul e instant.

Structura generală a unui site:

  • <html>
    • <head>
      • stuff
    • </head>
    • <body>
      • <header>
        • stuff
      • </header>
      • <article>
        • content of article
      • </article>
      • <sidebar>
        • elements
      • </sidebar>
      • <footer>
        • elements
      • </footer>
    • </body>
  • </html>

<div id=”one” class=”sidebar data”>
</div>

Pentru id-uri se folosește „#” (hash). Pentru clase se folosește „.” (punct)

Așa arată un div:

<div>
<h2>text</h2>
<p>text</p>
</div>

uBlock Origin

Partajează pe WhatsApp

Lasă un comentariu

Puteți folosi Gravatar pentru a adăuga avatar (imagine comentarii).