Fitur mikro favorit di blog/situs web pribadi

• Pengantar tentang fitur-fitur mikro yang meningkatkan pengalaman pengguna di blog

Catatan samping

• Fitur yang memberikan informasi tambahan tanpa mengganggu isi utama
• Membantu pembaca dengan mudah memeriksa detail tambahan atau sumber
• Penggunaan catatan samping oleh Gwern sangat mengesankan. Tulisannya sangat sering menggunakan catatan samping dan memberikan informasi tambahan tanpa mengganggu alur isi utama.
• Dengan menggunakan catatan samping, anotasi dapat dirujuk dengan mudah tanpa harus menggulir ke bagian bawah halaman.
• Anda bisa melihat berbagai pendekatan yang terinspirasi dari Tufte CSS.

Daftar isi

• Daftar isi membantu melihat topik utama tulisan secara sekilas dan memudahkan berpindah ke bagian yang diinginkan.
• Static site generator (misalnya Hugo) dapat membuat daftar isi secara otomatis.
• Situs Lars Hupel menyediakan daftar isi dalam sebuah seri sehingga navigasi menjadi lebih mudah.

Bonus: indikator progres halaman

• Bilah progres halaman secara visual menunjukkan posisi pembaca di dalam halaman.
• Fitur seperti ini bisa dilihat di Quanta Magazine.
• Anda dapat mempelajari cara mengimplementasikannya melalui tutorial dari CSS Tricks.

Heading yang mudah ditautkan

• Bagian tertentu dari halaman dapat ditautkan dengan menggunakan ID elemen HTML.
• Karena tidak terlihat oleh pengguna, setiap elemen bisa dijadikan tautan agar mudah dirujuk.
• Fitur seperti ini bisa dilihat di dokumentasi Hugo.

Pengelompokan postingan seri

• Saat ingin menulis panjang tentang beberapa topik, membaginya menjadi seri akan memudahkan penyampaian kepada pembaca.
• Tombol "berikutnya" dan "sebelumnya" bisa ditambahkan secara otomatis, atau hub navigasi bisa dibuat.
• Fitur seperti ini bisa dilihat di blog bahasa Chapel.

Tulisan interaktif

• Tulisan berbentuk percakapan membuat artikel lebih menarik dan mudah dipahami dengan mengajukan pertanyaan dari sudut pandang pembaca serta mengekspresikan kekhawatiran dari perspektif yang kurang berpengalaman.
• Situs Xe Iaso dan Faster than Lime sering menggunakan tulisan interaktif.

Menampilkan sumber pada blok kode

• Saat menulis kode, nama file dan nomor baris bisa ditampilkan pada blok kode agar pembaca lebih mudah memahaminya.
• Contoh: Crafting Interpreters

Bonus: blok kode dengan tautan yang bisa diklik

• Bahasa pemrograman Agda menghasilkan blok kode HTML yang menautkan setiap simbol ke tempat definisinya.
• Fitur seperti ini bisa dilihat di Programming Languages Foundations in Agda.

Penanda tautan eksternal

• Tautan yang menuju domain eksternal ditandai dengan ikon kecil.
• Fitur seperti ini bisa dilihat di James’ Coffee Blog ☕.

Bonus: penanda berbeda untuk tujuan yang berbeda

• Situs web Gwern mengubah ikon sesuai dengan tujuan tautan.
• Contoh: tautan Wikipedia menampilkan "W", dan tautan ke Haskell.org menampilkan simbol lambda.

Bonus: pratinjau tautan

• Dengan menampilkan pratinjau halaman saat kursor diarahkan ke tautan, pembaca bisa melihat isi terlebih dahulu sebelum mengklik.
• Fitur seperti ini bisa dilihat di situs web Gwern.

Feed RSS

• RSS adalah standar feed yang memungkinkan situs menerbitkan pembaruan.
• Pembaca bisa menerima pembaruan tanpa harus mengunjungi situs secara langsung.

Tautan ke situs lain

• Tautan ke postingan di blog atau situs lain disertakan untuk mempromosikan konten terkait.
• Fitur seperti ini bisa dilihat di blog Drew DeVault.

Kesimpulan

• Fitur-fitur mikro ini dapat membuat situs lebih berguna dan menarik
• Mengintegrasikan fitur-fitur ini ke situs sendiri adalah ide yang baik

[tsboard]

Kebetulan saya sedang membuat blog saya sendiri, jadi terima kasih untuk berita yang bermanfaat seperti ini haha

[GN⁺]

Pendapat Hacker News

• Beberapa usulan cukup bagus, tetapi progress bar terlalu mengganggu dan tidak perlu. Sudah ada scroll bar, jadi tidak perlu scroll bar tambahan.
• Dekorasi tautan tidak diperlukan. Browser sudah menampilkan lokasi tautan dengan baik. Popup pratinjau juga merupakan gangguan yang tidak perlu.
• Akan bagus jika blog menerapkan indeks satu halaman untuk semua posting. Judul-judulnya bisa dilihat sekilas, dan pencarian juga menjadi mudah.
• Senang melihat topik blogging muncul di Hacker News. Layanan blogging yang sedang dikembangkan berfokus pada minimalisme. Ingin menyelesaikan masalah ASCII art yang tidak tampil dengan benar di Android.
• Suka dengan beberapa "fitur mikro". Lebih menyukai fitur yang tidak memerlukan JavaScript. Sedang menerapkan berbagai fitur mikro di blog.
• Lebih suka mencantumkan tanggal lengkap pada posting. Untuk konten teknis, penting untuk mengetahui kapan tulisan itu dibuat.
• Tidak suka penjelasan dalam format dialog. Lebih baik dijelaskan dalam paragraf terpisah.
• Tidak setuju dengan fitur pratinjau tautan. Karena masalah privasi, lebih suka memeriksa URL sebelum mengklik tautan.
• RSS seharusnya bukan fitur "mikro", melainkan fitur inti.
• Situs web Gwern mencoba terlalu banyak fitur sehingga browser menjadi lambat. Terutama di perangkat seluler, masalahnya cukup parah.
• Fitur daftar isi seharusnya diimplementasikan di browser web. Indikator progres halaman, judul yang bisa ditautkan, pratinjau tautan, dan sebagainya juga seharusnya ditangani oleh browser. Penulis dokumen tidak perlu menentukan font dan warna.