Review HTML dan CSSPelatihan Pemrograman

Review HTML dan CSS: bug tata letak dan perbaikan responsif

Penyerahan hasil mulai 1 hariTermasuk revisiPemeriksaan kualitas
Perlindungan pembayaranSelengkapnya
  • Revisi dalam batas paket tidak dikenai biaya.
  • Jika Anda tidak merespons dalam 3 hari setelah penyerahan hasil, hasil kerja diterima secara otomatis.
Pesan · Rp 595.000

Uang ditahan saat Anda membayar dan diteruskan hanya setelah Anda menerima hasil kerja.

Review HTML dan CSS: bug tata letak dan perbaikan responsif

Contoh hasil

Contoh untuk paket Standar

Code review: skrip Python impor pesanan untuk toko online kecil

Apa yang dilakukan kode

  1. Membaca orders.csv dari ekspor toko.
  2. Untuk tiap baris pesanan, mencari produk berdasarkan SKU di stock.xlsx lalu mengurangi jumlahnya.
  3. Menulis stok yang diperbarui dan mencatat total ke import_log.txt.

Strukturnya jelas dan nama fungsinya baik. Sebagian besar masalah muncul karena input tidak sesuai dengan yang diharapkan skrip.

Bug dan titik lemah

#BarisTingkatMasalah
148TinggiCSV yang sama bisa diimpor dua kali; tidak ada pengecekan ID pesanan yang sudah diproses. Ini penyebab paling mungkin stok minus.
272Tinggiint(row["qty"]) crash pada nilai kosong atau "2.0" dari pesanan refund.
395SedangPencarian SKU peka huruf besar-kecil: "gt-101" dan "GT-101" dianggap produk berbeda.
4130SedangFile dibuka tanpa encoding="utf-8", sehingga nama produk dengan karakter khusus rusak di Windows.
5201Rendahexcept: kosong menyembunyikan error asli dan membuat log tidak berguna.

Potongan kode yang diperbaiki

Masalah 1: lewati pesanan yang sudah diimpor

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... logika yang sudah ada ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Alasan: setiap pesanan hanya diterapkan sekali, meski skrip dijalankan ulang pada file yang sama.

Masalah 2: baca jumlah dengan aman

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Pesanan %s: jumlah tidak valid %r, dilewati", row["order_id"], raw)
    continue

Alasan: baris refund atau sebagian dilewati dengan catatan jelas, bukan menghentikan seluruh impor.

Masalah 3: seragamkan SKU

sku = row["sku"].strip().upper()

Terapkan .strip().upper() yang sama saat membangun kamus stok.

Gaya dan keterbacaan

  • process() panjangnya 90 baris; pecah menjadi read_orders, apply_to_stock, write_report.
  • Ganti nomor kolom "ajaib" (row[7]) dengan nama header.

Silakan uji setiap perbaikan pada salinan file Anda: kami membaca kodenya, tetapi tidak menjalankannya.

Klien: pemilik toko teh online yang menulis skrip Python 310 baris untuk mengimpor pesanan dari ekspor CSV ke spreadsheet stok Masalah yang dilaporkan: "Kadang stok jadi minus, dan skripnya crash di beberapa file."

Klien dan semua datanya fiktif.

Tentang layanan ini

Bug tata letak biasanya bermuara pada beberapa penyebab: lebar tetap yang meluap di ponsel, container flex atau grid yang diatur dengan cara yang salah, z-index yang gagal karena stacking context, atau media query yang saling bertabrakan. Tempelkan HTML dan CSS Anda beserta tangkapan layar tampilan saat ini dan tampilan yang seharusnya, lalu kami menjelaskan mengapa tata letaknya rusak dan memberikan CSS yang diperbaiki. Kami juga mencatat perbaikan aksesibilitas cepat seperti teks alt, label formulir, dan urutan heading.

Yang termasuk

  • Yang Anda dapatkanReview tertulis di halaman pesanan: mengapa tata letak rusak, potongan HTML dan CSS yang diperbaiki untuk desktop dan seluler, serta catatan aksesibilitas. Paket Premium menambahkan rencana untuk merapikan stylesheet menjadi class yang dapat dipakai ulang.
  • Perbaikan tata letakFlexbox, grid, dan overflow
  • Aturan responsifMedia query yang tidak saling bertabrakan
  • Stacking dan z-indexMengapa elemen tersembunyi di balik elemen lain
  • HTML semantikHeading, landmark, tombol
  • Dasar aksesibilitasTeks alt, label, dan kontras

Cara kerja

  1. 1
    BriefAnda menempelkan kode dan tangkapan layar
  2. 2
    MembacaKami menemukan aturan yang merusak tata letak
  3. 3
    TinjauanAnda menerima CSS yang diperbaiki dan catatan

Yang kami butuhkan dari Anda

HTML dan CSS yang ditempel sebagai teks, tangkapan layar masalahnya di desktop dan ponsel, browser tempat masalah terjadi, dan tampilan yang seharusnya.

Kami akan menanyakan:

  • Apakah ini CSS biasa atau framework?
  • Di ukuran layar dan browser apa tampilannya rusak?
  • Seperti apa seharusnya tampilan bagian tersebut?
  • Apakah halaman dibuat dengan site builder atau ditulis manual?

Bandingkan paket

DasarMarkup hingga 100 barisRp 255.000StandarMarkup hingga 400 barisRp 595.000PremiumHingga 1.000 baris dengan rencana stylesheetRp 1.173.000
Tenggat1 hari2 hari3 hari
Revisi123
Baris kodehingga 100hingga 400hingga 1.000
Potongan kode yang diperbaikiYaYaYa
Rencana perapian stylesheetTidakTidakYa
PesanPesanPesan

Perlindungan pembayaran

Anda membayar saat memesan, tetapi uangnya diteruskan hanya untuk hasil kerja yang diterima.

  • Harga pastiHarga paket tidak berubah setelah Anda membayar.
  • Uang ditahanSaat Anda membayar, jumlahnya hanya ditahan. Dana diteruskan ke Dleex setelah Anda menerima hasil kerja.
  • Diperiksa sebelum penyerahanSetiap hasil melewati pemeriksaan kualitas sebelum sampai kepada Anda, dan Anda dapat melihatnya di halaman pesanan sebelum menerimanya.
  • Revisi gratisMinta revisi sesuai brief Anda sebanyak yang diizinkan paket.
  • Diterima setelah 3 hariJika dalam 3 hari setelah penyerahan hasil Anda tidak menerima hasil kerja maupun meminta revisi, hasil kerja diterima secara otomatis. Jika Anda menulis di chat pesanan setelah penyerahan hasil, pesanan akan menunggu; setelah kami menjawab, kami dapat memulai ulang hitungan 3 hari dan akan memberitahukannya di chat.
  • Dikerjakan ulang atau pengembalian dana penuhJika hasilnya tidak sesuai brief Anda dan revisi tidak memperbaikinya, atau pengerjaan memakan waktu lebih dari dua kali tenggatnya, tulis di chat pesanan: kami akan mengerjakan ulang atau mengembalikan pembayaran secara penuh.
Cara kerjanya →

Tanya jawab

Apakah Anda memeriksanya di browser sungguhan?

Tidak, kami membaca kode dan tangkapan layar Anda. Periksa CSS yang diperbaiki di browser Anda sebelum dipublikasikan.

Bisakah Anda memperbaiki halaman yang dibuat di Wix atau Tilda?

Hanya kode kustom yang Anda tambahkan di sana. Tata letak bawaan builder diatur di editornya, bukan di kode yang bisa Anda kirim.

Apakah ini audit aksesibilitas lengkap?

Tidak. Kami mencatat masalah yang jelas di kode yang Anda kirim; audit lengkap memerlukan pengujian dengan pembaca layar di halaman live.

Pesan · Rp 595.000· 2 hari