illi v1.1.0

Selamat tinggal, JavaScript!

Hari ini membuat beberapa perubahan terkait tema yang gue gunakan di blog ini, yakni illi. Di versi 1.1.0 ini, ada beberapa perubahan kecil yang tak terlihat namun sangat berdampak!

JavaScript-free theme

Meskipun gue adalah seorang Frontend Developer yang kerjaannya setiap hari membuat website menggunakan JavaScript, untuk kasus blog gue, sepertinya gue tidak butuh JavaScript sama sekali.

Apalagi jQuery.

Sebelumnya website ini menggunakan 4 kode JavaScript:

  • jQuery — a "helper"
  • jQuery Fitvids — sebuah plugin untuk membuat iframe khususnya video terlihat responsif
  • Infinity scroll — sebelumnya blog ini tidak menggunakan paginasi
  • Prism — untuk syntax highlight

Dan ada beberapa kode inline untuk toggle class ketika klik hamburger menu di pojok kanan atas yang sekarang sudah ada.

Salah satu pertimbangan menghapus kode JavaScript adalah blog gue sedikit tidak berguna ketika tidak peramban mem-block penggunaan JavaScript, yakni di paginasi. Pengguna akan stuck di halaman awal, karena sebelumnya menggunakan infinity scroll.

Untuk yang memiliki koneksi yang stabil dan spesifikasi komputer yang oke, mungkin perubahan akan menhilangkan JavaScript di blog gue ini tidak terasa, namun untuk yang spek kentank dan pengguna indihome, harusnya terasa!

Enjoy the ~100kb page!

...ukuran yang paling besar hanya gambar, dan dengan kondisi blocking image, harusnya blog ini tetap berguna tanpa menghilangkan esensi utamanya!

Better Typography

Sebelumnya gue tidak membedakan mana itu h2 dan h3, sekarang seharusnya sudah tidak lagi!

Heading diatas (yang tulisan "Better Typography") itu adalah h2, dan ini:

Ini adalah subheading via h3

Sekarang sudah jelas kan perbedaannya?

Better error layout

Sebelumnya sampah banget walau kemungkinan error 404/500/503 sangat kecil, tapi just in case itu terjadi.

Yang sekarang

Sekarang sudah lebih baik, tbh hanya menambahkan margin: auto aja biar kontennya di tengah.

Paginasi

Seperti yang sudah dibahas sebelumnya, jika kamu scroll sampai bawah, sekarang ada indikator bahwa kamu sedang berada di halaman berapa, dan ada berapa total halaman di blog ini.

Sekarang kamu bisa menggunakan w3m dan peramban tor dengan lebih efektif untuk membaca-baca tulisan yang ada di blog sampahku ini!

Vanity Metrics

Sekarang mari kita lihat metriks yang diberikan oleh Lighthouse via web.dev:

Sebelumnya

Walau hijau-hijau semua, ada yang warna kuningnya karena ehm apalagi yang menyebabkan jika bukan JavaScript?

Sekarang

Hijau semua!

Walau hijau semua, dan rata-rata memiliki skor 100 (dan gue tidak peduli dengan SEO), tapi metriks tersebut tidak penting untuk gue terlebih hasilnya pasti beragam.

Metriks yang paling gue perdulikan adalah angka-angka yang ada di halaman trakteer gue, dan dengan melakukan usaha ini (termasuk menghilangkan kode JS), semoga membuat angka yang ada bertambah karena memberikan nilai tambah™ ke pembaca hahaha.

Dark Mode

Lupa kalau ini terlewat!

Sekarang tema ini mendukung Dark/Night Mode menyesuaikan konfigurasi yang diatur oleh pengguna. Di Mac, bisa diatur di Preferences > General > Appearance, dan di Android (via Firefox) bisa diatur di Preferences > Theme.

Jika sebelumnya Dark Mode ini diatur via Code Injection, sekarang sudah ter-bundle dengan tema. Hope you all enjoy it like I do!

Penutup

Dari awal blog (dan tema) ini dibuat, gue selalu menomor-satukan pembaca dan pengalaman membaca.

Tidak ada analitik & tracker, karena gue tidak butuh itu.

Tidak ada iklan, karena iklan secara teknis menganggu pengalaman membaca.

Tujuan gue membuat (dan menulis) di blog adalah untuk berbagi cerita, pengalaman, pandangan, dan ide yang gue miliki.

Dan itu yang gue fokuskan, itulah mengapa blog gue tidak dibuat menggunakan Next.js, Gatsby, Jekyll, Hugo, dsb karena yang ingin gue fokuskan adalah berbagi, bukan belajar terkait teknologi-teknologi tersebut.

Dan terakhir, bila kamu ingin menggunakan tema ini, silahkan unduh disini, dengan md5 checksum dd93599c84a5f43d06964bd12fbce0a3.

Iya iya, gue tau cara pakai mercurial git & GitHub. Tapi karena homebrew nyuruh gue delete /Library/Developer/CommandLineTools waktu itu dan apple tolol yang gak mau nyambung ke "Software Update server" nya, jadi gue simpen zip nya di Mega dulu.

...yang menyebabkan gue tidak bisa menggunakan git.

Anyway.

Apapun yang terjadi, kita hadapi.

Sebagai penutup, gue juga menghilangkan gambar tidak berguna di kotak bawah ini. Dan silahkan baca tulisan yang ada di kotak tersebut :)

Terima kasih!


Edit: Tambah bagian dark mode & md5 checksum