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.
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>
- <header>
- </body>
- <head>
- </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>
