Save Page As in Format Reader View <small>Firefox Trick</small>

Apa yang sobat lakukan jika menemukan sebuah link page dimana kontennya tampak berguna. Apalagi kegunannya itu bisa dipakai di kemudian hari. Minimal pasti kita akan melakukan save link tersebut! Cara lain yaitu dengan melakukan Save Page As... toh? AA Koben akan berbagi trik & tips bagaimana cara menyimpan/mengkoleksi links-page yg bermanfaat bagi kita, untuk bisa dibaca kapan saja sobat inginkan! Cara tercepat sudah tentu melakukan Save Page As...(Web Page, complete), cara kedua dengan jasa web convertor (image, PDF, Word, or etc), cara ketiga dengan bantuan tools bawaan browser (Web Developer).

Ide ini saya dapatkan dengan menggunakan browser mozilla, dimana pada browser engine ini terdapat satu fitur Enter Reader View (berada tepat dibelakang box search dekat tombol Reload Page), ditandai dengan icon buku.Kalau icon buku tidak muncul, sobat bisa melakukannya secara manual dengan rumusan about:reader?url=LINK-TUJUAN Kita akan melakukan Save Page As... di mana posisi halaman page terbuka dengan format Reader View :-? Sebagai contoh silahkan sobat download About-Reader.7z kemudian ekstrak.

Tahapan dalam membuat Reader-View adalah

1. Buat satu folder dan beri title (About-Reader).
2. Di dalam folder About-Reader, buat sebuah folder lagi beri title (Data-files).
3. Di dalam folder Data-files, buat kembali 3 buah folder (atau lebih sesuai kebutuhan) beri nama (css, image, and js)

Folder-folder tersebut gunanya adalah untuk menyimpan data hasil dari melakukan Save Page As...dengan format Reader-View.
Ilustrasi...
Ketika sobat menemukan halaman website dan dirasakan isi konten sangat bermanfaat, lakukan klik pada icon buku (Enter Reader View). Dilanjutkan dengan klik kanan pada mouse (pada keyboard pencet Ctrl + S) Simpan hasil save pada folder yg dibuat tadi (dalam contoh folder About-Reader)

Nanti akan didapatkan 2 jenis hasil save file yg berbeda. Saya melakukan percobaan dengan link address https://www.w3schools.com/html/default.asp Ketika di save akan menghasilkan hasil save-an HTML Tutorial.htm dan HTML Tutorial_files Buka folder HTML Tutorial_files, kalau ada gambar simpan gambar tersebut pada folder image yg berada di folder Data-files.
Kemudian buka teks editor sobat (Notepad), buka file HTML Tutorial.htm, gantikan semua link yg tertuju ke folder HTML Tutorial_files degantikan dengan link ke Data-files (css, images, and js).

Memang agak sedikit kelihatan ribet, tetapi kalau sudah dipraktekan sangatlah mudah sob :) Inti dari trik ini membuat semua halaman page yg ingin kita simpan tetapi dalam format Reader-View. Dengan begini, kita tidak usah melakukan save CSS, JS secara utuh seperti kita melakukan Save Page As... secara normal. Kalau normal CSS/JS yg tidak perlu akan ikut tersave!
Semoga kalian faham & mengerti apa yg saya maksudkan, sebagai contoh hasil kerja saya melakukan save-page-as dengan format reader-view, dengan korban web

https://adam-marsden.co.uk/css-cheat-sheet

Download CSS Cheat Sheet on Reader-View Mode.
Bonus

Recursive Hover Nav (Only CSS) - MacOS Dock with CSS - Floating Nav to Top Fix Expand v2 - Split Text Menu - VVVVV - Show Hide - Drop Menu Pure CSS3 - Curtain Reveal Effect with Sticky Positioning & Scroll Snap Points No-JS - Bubbly button (Design by Gal Shir) - HTML5 Tags