Hi sob 👋

Nama saya Muhammad Reza Ichsani, dari 🇮🇩.

Cascade, Inheritance & Specificity

“Cascade” dari Cascading Style Sheet Konsep cascading dari CSS memiliki aturan mengenai style mana yang layak di prioritaskan. Berikut urutan prioritas style pada CSS dimulai dari yang paling kuat: User style Inline style Internal style dan eksternal style Web browser style Inheritance Style CSS Inheritance atau penurunan adalah konsep dimana sebuah style bisa diturunkan dari parent kepada child element. Contoh: body { color: green; } Kode diatas akan merubah seluruh text yang berada di dalam body menjadi warna hijau....

November 22, 2023 · 2 min · Reza Ichsani

CSS Selector

Universal Selector Universal Selector -> ditulis menggunakan karakter bintang (*) : * { color: blue; background-color: white; } Attribute Selectors Attribute Selectors -> dipakai untuk mencari tag HTML berdasarkan ada atau tidaknya sebuah attribut. Attribut ini mirip dengan class atau id selector, namun bersifat lebih global, contoh : <a href="https://rezaichsani.com/home/"> Tag diatas dapat diakses menggunakan element selector “a”, namun kali ini saya ingin menggunakan attribute selector : [href] { color: brown; } Artinya, ubah warna teks menjadi brown, untuk seluruh tag html yang memiliki attribute href....

November 22, 2023 · 7 min · Reza Ichsani

CSS Typography

Typography adalah sebuah seni mengatur huruf / teks untuk membuatnya lebih mudah dibaca dan menarik secara visual. Property font-family Nilai dari property font-family adalah nama font yang ingin digunakan, contoh: p { font-family: Arial; } Property ini akan mencari font di dalam komputer client (pengunjung web kita) bukan di dalam komputer server. Untuk mengantisipasi tidak tersedianya sebuah font, kita bisa menulis alternatif nama font pengganti, contoh: p { font-family: Arial, Helvetica, sans-serif; } Khusus untuk font yang terdiri dari beberapa kata atau mengandung spasi, harus ditulis dalam tanda kutip, contoh:...

November 22, 2023 · 8 min · Reza Ichsani

Cara Mengatasi "No ESLint Configuration Found"

Cara mengatasi “No ESLint Configuration Found” di Neovim Pertama, install “ESLint” terlebih dahulu. npm install eslint -g -D Kemudian jalankan perintah : npm init Setelah itu jalankan perintah : eslint --init Kemudian lakukan konfigurasi yang diperlukan.

September 24, 2023 · 1 min · Reza Ichsani

My Neovim Setup (Konfigurasi Neovim untuk Web Development)

Konfigurasi ini kebanyakan saya mengambil contoh dari artikel yang di tulis oleh Takuya Matsuyama. Bisa sobat cek langsung disini. Hanya ada beberapa perubahan dan penambahan plugin oleh saya sendiri. Jadi konfigurasi neovim milik saya ini, tidak sepenuhnya dari ide saya pribadi. Terima kasih buat mas Takuya Matsuyama yang sudah membuat artikel tentang setup neovim, dimana saya sangat terbantu dengan tulisan tersebut. Apa saja yang dibutuhkan? Neovim install. Black Box (terminal linux) install....

March 22, 2023 · 14 min · Reza Ichsani