
Sekarang saya memiliki pekerjaan penuh waktu menulis komponen web, begitu this
Ada lebih banyak kata kunci daripada yang pernah saya miliki dalam hidup saya. Ini sebenarnya bukan masalah, tapi Anda bisa melihatnya agak berulang. Saya mulai bertanya-tanya apa pilihan saya untuk memperbaiki gangguan kecil ini, dan ShopTalk Discord membantu saya menemukan cara mudah dan cara terbaik untuk menyelesaikan masalah saya.
Cara mudahnya: Ganti tag warna tema VS Code
Secara default, tema Github Light saya menggunakan this
Biru tua yang tebal. Saya tidak ingin meluncurkan tema saya sendiri untuk memperbaiki masalah kecil ini, jadi saya menggali lebih dalam dan menemukan bahwa Anda dapat mengganti tag tunggal di VS Code. nyaman. Filenya agak buram, tetapi Anda perlu melakukan hal berikut:
// settings.json
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": "variable.language.this",
"settings": {
"foreground": "#b0b0b0"
}
}
]
},
sekarang milikku this
Sepertinya ini…
Kebisingan yang berulang-ulang menjadi gelap adalah perasaan yang menenangkan bagi saya. Saya sangat menyukainya sehingga saya juga menggelapkan ulasannya agar sesuai. Saya bahkan mungkin menggelapkan TypeScript karena terkadang saya ingin menyembunyikan sintaksisnya tetapi tetap mempertahankan coretannya.
Metode overhead: penggantian this
Dengan mesin terbang khusus
Mengubah warna itu keren…tapi bagaimana jika Anda bisa mengambil langkah lebih jauh dan menggantinya? this
Apakah ada ikonnya? Apa gunanya ikon? this
Apakah itu terlihat seperti itu?
Saya bertanya-tanya di ShopTalk Discord dan mendapatkan beberapa ide menyenangkan, seperti emoji “☝️”, yang menurut saya akan menyenangkan jika dikenakan kaus “Aku dan Bodoh”. Andrew Walpole membawanya ke tingkat berikutnya dan merancang mesin terbang khusus:
Alan Smith kemudian menemukan cara menambahkan pengikat khusus ke font berkode sumber terbuka menggunakan Glyphs Mini. Andrew meminjam dari karya Alan dan mengekspor versi khusus kode Fira, menggunakan mesin terbang khusus sebagai pengikat. Langkah terakhir adalah menginstal font dan memperbarui pengaturan VS Code saya:
"editor.fontFamily": "'Fira Code Ligged', monospace",
"editor.fontLigatures": true
Sekarang kode saya terlihat sangat futuristik…
Sangat menyenangkan untuk menyalahgunakan font untuk menghilangkan pengulangan bahasa pemrograman. Setelah melihat ikonnya Di tempatide ini mungkin agak terlalu gila bagi saya karena berkurangnya keterbacaan. Meskipun saya tidak menggunakan mesin terbang khusus setiap hari, eksperimen ini menginspirasi saya untuk membuat sekumpulan mesin terbang khusus untuk kata kunci umum sehingga saya dapat menjadikan JavaScript sebagai bahasa pemrograman yang sepenuhnya berbasis rune.
Ligatur khusus menggunakan CSS?
Itu ide yang gila, tapi akan lebih bagus jika Anda bisa membuat ligatur khusus Anda sendiri di CSS untuk menghindari keharusan membuat ulang font khusus setiap kali Anda memiliki kebutuhan tipografi tertentu. Berikut sintaksis semu cara kerjanya:
@font-face "Dave Hijinks" {
match: "this.";
replace: "☝️.";
}
@font-face "Cloud2Butts" {
match: "cloud", "AI";
replace: "butt", url(fart.svg);
}
body {
font-face: "Dave Hijinks", "Cloud2Butt", sans-serif;
}
Bagaimanapun, ini sebuah ide. Ini bukanlah usulan yang serius. Ini adalah lubang kelinci yang menyenangkan untuk dikunjungi bersama beberapa teman.