Programming

Python - Percabangan

Percabangan atau Pengkondisian, digunakan untuk menentukan sebuah alur program, dan menentukan mana yang harus dieksekusi. Contoh usia = 20 if usia >= 18: print("Anda Sudah Dewasa") else: print("Anda Belum Dewasa") Jika Diterjemahkan Maka Jika usia lebih dari atau sama dengan >= maka cetak "Anda Sudah Dewasa", jika tidak maka cetak "Anda Belum Dewasa" Kita juga bisa menambahkan kondisi lainya dengan elif atau else untuk alternatif yang tidak tersedia. usia = 20 if usia >= 20: print("Anda …

CSS - Perkiraan Breakpoint

Ukuran pastinya tidak menentu, karena mengukur pixel bukan lebar asli layar perangkat, tapi masih bisa di ambil rata rata atau umumnya aja, seperti berikut ini sm: 36em = 576px md: 48em = 768px lg: 62em = 992px xl: 75em = 1200px 2xl: 87.5em = 1400px Penjelasan Kira-kira pemetaan perangkatnya begini: sm (≥576px) → Smartphone besar (iPhone Plus, beberapa Android mid-high) & layar kecil dalam mode portrait. md (≥768px) → Tablet portrait, atau smartphone besar dalam mode landscape. lg (≥992px) → …

Python - Baca dan Tulis Pada File Json

Python punya standar library untuk mengelola Json. Cara Penggunaannya Untuk membuka file.json di python import json with open("data.json", "r") as file: data = json.load(file) print(data) Dan ini cara simpan ke file Json import json data = [ { "nama": "Putra", "usia": 17, "active": True }, { "nama": "Upin", "usia": 10, "active": True }, { "nama": "Ipin", "usia": 10, "active": False } ] with open("data.json", "w") as file: json.dump(data, file, indent=4) Terkait Python - Membaca File Toml

CSS - Grid Column Responsive

.container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .item { background: #eee; padding: 1rem; border-radius: 8px; } Penjelasan auto-fit → kolom akan collapse kalau tidak cukup ruang. minmax(200px, 1fr) → lebar kolom minimal 200px, tapi bisa melebar maksimal mengisi baris. Jadi jumlah kolom otomatis berubah sesuai lebar layar, tanpa butuh breakpoint.

CSS - Column Responsive

.container { column-width: 250px; column-gap: 1rem; } .item { background: #ddd; display: inline-block; width: 100%; margin: 0 0 1rem; } Penjelasan column-width: 250px → browser berusaha bikin kolom selebar itu. Jumlah kolom otomatis tergantung ruang. Tapi ingat: urutan konten dibagi ke bawah (column flow), bukan baris dulu seperti grid.