Những vi tính năng yêu thích trên blog/trang web cá nhân

• Giới thiệu các vi tính năng giúp cải thiện trải nghiệm người dùng trên blog

Ghi chú bên lề

• Tính năng cung cấp thông tin bổ sung mà không làm gián đoạn phần nội dung chính
• Giúp độc giả dễ dàng kiểm tra thêm chi tiết hoặc nguồn tham khảo
• Cách Gwern sử dụng ghi chú bên lề đặc biệt ấn tượng. Các bài viết của ông dùng ghi chú bên lề rất nhiều và cung cấp thêm thông tin mà không phá vỡ mạch nội dung chính.
• Dùng ghi chú bên lề giúp dễ dàng tham chiếu mà không cần cuộn xuống cuối trang để xem chú thích.
• Có thể thấy nhiều cách tiếp cận khác nhau lấy cảm hứng từ Tufte CSS.

Mục lục

• Mục lục giúp nhìn nhanh các chủ đề chính của bài viết và cho phép chuyển đến phần mong muốn một cách dễ dàng.
• Các trình tạo trang tĩnh (ví dụ: Hugo) có thể tự động tạo mục lục.
• Trang của Lars Hupel cung cấp mục lục trong chuỗi bài để việc điều hướng thuận tiện hơn.

Thêm: hiển thị tiến độ trang

• Thanh tiến độ trang cho độc giả thấy trực quan họ đang ở vị trí nào trên trang.
• Có thể thấy tính năng này trên Quanta Magazine.
• Có thể học cách triển khai qua hướng dẫn của CSS Tricks.

Tiêu đề có thể liên kết dễ dàng

• Có thể liên kết đến một phần cụ thể của trang bằng ID của phần tử HTML.
• Vì các ID này không hiển thị với người dùng, có thể biến từng phần tử thành liên kết để tiện tham chiếu.
• Có thể thấy tính năng này trong tài liệu Hugo.

Nhóm các bài viết theo chuỗi

• Khi muốn viết dài về nhiều chủ đề, chia thành một chuỗi bài sẽ giúp truyền tải tới độc giả dễ hơn.
• Có thể tự động thêm nút "tiếp theo", "trước đó" hoặc tạo một trung tâm điều hướng.
• Có thể thấy tính năng này trên blog ngôn ngữ Chapel.

Bài viết dạng đối thoại

• Bài viết dạng đối thoại đặt câu hỏi từ góc nhìn của độc giả và thể hiện những băn khoăn từ quan điểm ít kinh nghiệm hơn, nhờ đó bài viết thú vị và dễ hiểu hơn.
• Trang của Xe Iaso và Faster than Lime thường xuyên dùng kiểu bài viết đối thoại.

Hiển thị nguồn gốc của khối mã

• Khi viết mã, có thể hiển thị tên tệp và số dòng trong khối mã để độc giả hiểu dễ hơn.
• Ví dụ: Crafting Interpreters

Thêm: khối mã có liên kết có thể nhấp

• Ngôn ngữ lập trình Agda tạo các khối mã HTML và liên kết từng ký hiệu đến nơi nó được định nghĩa.
• Có thể thấy tính năng này trong Programming Languages Foundations in Agda.

Đánh dấu liên kết ngoài

• Các liên kết đi đến miền bên ngoài được đánh dấu bằng một biểu tượng nhỏ.
• Có thể thấy tính năng này trên James’ Coffee Blog ☕.

Thêm: các dấu hiệu khác nhau cho các đích đến khác nhau

• Trang web của Gwern thay đổi biểu tượng tùy theo đích đến của liên kết.
• Ví dụ: liên kết Wikipedia hiển thị "W", liên kết Haskell.org hiển thị ký hiệu lambda.

Thêm: xem trước liên kết

• Khi rê chuột lên liên kết, trang xem trước sẽ hiện ra để có thể biết nội dung trước khi nhấp.
• Có thể thấy tính năng này trên trang web của Gwern.

Nguồn cấp RSS

• RSS là một tiêu chuẩn feed cho phép trang web phát hành các bản cập nhật.
• Giúp độc giả nhận cập nhật mà không cần trực tiếp truy cập trang web.

Liên kết tới các trang khác

• Bao gồm liên kết đến bài viết trên các blog hoặc trang web khác để quảng bá nội dung liên quan.
• Có thể thấy tính năng này trên blog của Drew DeVault.

Kết luận

• Những vi tính năng này có thể khiến một trang web trở nên hữu ích và hấp dẫn hơn
• Tác giả cho rằng tích hợp những tính năng này vào trang của mình là một ý tưởng hay

[tsboard]

Đúng lúc tôi đang tự làm blog của riêng mình, cảm ơn vì tin tức hữu ích như thế này haha

[GN⁺]

Ý kiến trên Hacker News

• Một vài đề xuất thì hay, nhưng thanh tiến trình (progress bar) quá rối mắt và không cần thiết. Đã có thanh cuộn rồi nên không cần thêm thanh cuộn bổ sung.
• Không cần trang trí liên kết. Trình duyệt đã hiển thị vị trí liên kết rất tốt rồi. Popup xem trước cũng là yếu tố gây xao nhãng không cần thiết.
• Nên triển khai một trang chỉ mục duy nhất cho toàn bộ bài viết trên blog. Có thể nhìn tiêu đề trong nháy mắt và cũng dễ tìm kiếm hơn.
• Rất vui khi thấy chủ đề về blogging xuất hiện trên Hacker News. Dịch vụ blogging mà người viết đang phát triển tập trung vào chủ nghĩa tối giản. Muốn giải quyết vấn đề ASCII art không hiển thị đúng trên Android.
• Thích nhiều "tính năng vi mô". Ưu tiên các tính năng không yêu cầu JavaScript. Đang triển khai nhiều tính năng vi mô khác nhau trên blog.
• Thích đưa đầy đủ ngày tháng vào bài viết. Với nội dung kỹ thuật, việc biết thời điểm được viết là rất quan trọng.
• Không thích cách giải thích theo định dạng hội thoại. Giải thích bằng các đoạn văn riêng sẽ tốt hơn.
• Không đồng ý với tính năng xem trước liên kết. Vì vấn đề riêng tư, thích kiểm tra URL trước khi nhấp vào liên kết hơn.
• RSS không phải là tính năng "vi mô" mà nên là tính năng cốt lõi.
• Trang web của Gwern cố gắng nhồi quá nhiều tính năng nên làm trình duyệt chậm đi. Đặc biệt vấn đề rất nghiêm trọng trên thiết bị di động.
• Tính năng mục lục nên được triển khai trong trình duyệt web. Tiến trình trang, tiêu đề có thể liên kết, xem trước liên kết v.v. cũng nên do trình duyệt xử lý. Tác giả tài liệu không cần chỉ định phông chữ và màu sắc.