Setahap Menjadi Lebih Baik
Proses perombakan blog terus berlanjut, masih ada todo list dari tahun 2020 lalu yang masih belum terlaksana. Selagi motivasi untuk edit blog masih tinggi, ada baiknya memanfaatkan energi tersebut untuk mempercantik blog ini lagi. Tujuannya agar saya betah berlama-lama membaca posting blog sendiri.
Menghilangkan tag hr di single post
Bashblog memiliki setting untuk cutting post menjadi read more yang ada di halaman home page. Fitur ini berguna sekali untuk posting yang berisi-kata yang panjang. Jika halaman home di setting hanya menampilkan satu artikel, tentu tidak ada masalah. Tapi jika menampilkan delapan artikel atau lebih seperti yang saya setting pada blog ini, pembaca menjadi agak malas scrolling ke bawah.
Kalau blog ini bertema novel, mungkin akan lain cerita. Oleh karena itu saya hampir selalu menambahkan kode --- yang akan dikonversi menjadi tag <hr />. Masalahnya tag itu muncul dihalaman single post yang menurut saya kurang estetis, jadi saya memilih untuk tidak menampilkan tag hr.
Ubah margin paragraf
Biar lebih enak bacanya, ganti margin-bottom paragraf menjadi 30px, margin-top h4 menjadi 40px untuk tampilan desktop.
Selain konten yang bagus, typography dan indentation adalah hal yang sangat penting, paling tidak menurut saya sendiri.
Hasil GTmetrix terbaru
Hasil dari GTmetrix untuk artikel kemaren menunjukkan adanya penambahan pada resource blog ini, kemungkinan besar akan bertambah karena pada perubahan kali ini ada asset baru seperti favicon dan script js untuk lazy load.
Favicon dan Script Lazyload
Walaupun belum banyak gambar yang ada beberapa posting diblog ini, tapi saya ingin menambahkan script lazyload ini agar konten lebih cepat diload.
Saya belum tahu impactnya karena script ini akan dideploy bersamaan dengan terbitnya artikel ini. Untuk gambar sendiri saya sudah menggunakan CDN khusus gambar yang ada di cloudinary, setidaknya mengurangi beban bandwidth blog ini nantinya. Firebase sendiri membatasi bandwidth bulanan sebesar 10Gb untuk proyek firebase hosting.
Favicon menjadi salah satu tanda pengenal online, dengan bantuan dari realfavicongenerator saya menggenerate style favicon baik untuk browser maupun mobile seperti android, iphone dan ipad.
List Style Type yang berwarna
Ini adalah todolist yang membuat saya mencari-cari tutorial di youtube maupun searching di search-engine karena menurut saya style standar kurang matching dengan style baru blog ini.
Style agak mirip dengan fitur blockquote yang dulunya pernah saya buat tapi tidak berfungsi yang artikelnya ada disini. Untuk stylenya sendiri, saya nyontek dari sini dan dimodifikasi lagi dan menjadi lebih unik.
Tag a atau link menggunakan underline/border-bottom
Saya terinspirasi dari beberapa blog yang saya kunjungi, setiap link yang ada di artikel mereka menggunakan style underline sehingga link tersebut mudah ditemukan. Karena sebenarnya memang link itu adalah hal yang paling penting yang membuat internet ada seperti sekarang ini.
Todolist selanjutnya?
Untuk kedepan masih ada beberapa hal yang belum ada pada blog ini dan ingin saya tambahkan, seperti :
- Fitur search (mungkin akan menggunakan elastic search)
- Related post diakhir artikel
Dan saya akan melanjutkan porting theme hacker dan berencana akan posting digithub. InsyaAllah.