HTML ve CSS incelemesiProgramlama Eğitimi

HTML ve CSS incelemesi: yerleşim hataları ve duyarlı düzeltmeler

Genellikle 15 dakika içinde hazırRevizyonlar dahilKalite kontrolü
Ödeme korumasıAyrıntılar
  • Paket kapsamındaki revizyonlar ücretsizdir.
  • Teslimattan sonraki 3 gün içinde yanıt vermezseniz iş otomatik olarak onaylanır.
Sipariş ver · $35

Para, ödeme yaptığınızda bloke edilir ve yalnızca işi onayladığınızda aktarılır.

HTML ve CSS incelemesi: yerleşim hataları ve duyarlı düzeltmeler

Örnek sonuç

Standart paket için örnek

Code review: Python order-import script for a small online shop

What the code does

  1. Reads orders.csv from the shop export.
  2. For each order line, finds the product by SKU in stock.xlsx and subtracts the quantity.
  3. Writes the updated stock back and logs totals to import_log.txt.

The structure is clear and functions are well named. Most issues are about input that does not look the way the script expects.

Bugs and weak spots

#LineSeverityIssue
148HighThe same CSV can be imported twice; there is no check for already processed order IDs. This is the most likely cause of negative stock.
272Highint(row["qty"]) crashes on empty or "2.0" values from refunded orders.
395MediumSKU lookup is case-sensitive: "gt-101" and "GT-101" are treated as different products.
4130MediumThe file is opened without encoding="utf-8", so product names with accents break on Windows.
5201LowBare except: hides real errors and makes the log useless.

Corrected fragments

Issue 1: skip orders already imported

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... existing logic ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Why: each order is applied once, even if you run the script on the same file again.

Issue 2: read quantity safely

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Order %s: bad quantity %r, skipped", row["order_id"], raw)
    continue

Why: refunded or partial lines are skipped with a clear note instead of stopping the whole import.

Issue 3: normalise SKUs

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

Apply the same .strip().upper() when building the stock dictionary.

Style and readability

  • process() is 90 lines long; split it into read_orders, apply_to_stock, write_report.
  • Replace magic column numbers (row[7]) with header names.

Please test each fix on a copy of your files: we read the code but did not run it.

Client: owner of a tea shop who wrote a 310-line Python script that imports orders from a CSV export into the stock spreadsheet Problem reported: "Sometimes stock goes negative, and the script crashes on some files."

Müşteri ve tüm ayrıntılar kurgusaldır.

Bu hizmet hakkında

Yerleşim hataları genellikle birkaç nedene dayanır: telefonlarda taşan sabit bir genişlik, yanlış kurulmuş bir flex veya grid kapsayıcısı, bir stacking context yüzünden çalışmayan z-index veya birbiriyle çatışan medya sorguları. HTML ve CSS'inizi, nasıl göründüğünün ve nasıl görünmesi gerektiğinin ekran görüntüleriyle birlikte yapıştırın; yerleşimin neden bozulduğunu açıklıyor ve düzeltilmiş CSS veriyoruz. Ayrıca alt metni, form etiketleri ve başlık sırası gibi hızlı erişilebilirlik kazanımlarını da not ederiz.

Neler dahil

  • Neler alırsınızSipariş sayfasında yazılı bir inceleme: yerleşimin neden bozulduğu, masaüstü ve mobil için düzeltilmiş HTML ve CSS parçaları ve erişilebilirlik notları. Premium paket, stil sayfasını yeniden kullanılabilir sınıflar halinde düzenlemek için bir plan ekler.
  • Yerleşim düzeltmeleriFlexbox, grid ve taşma
  • Duyarlı kurallarÇatışmayan medya sorguları
  • Katmanlama ve z-indexÖğeler neden diğerlerinin arkasında kalır
  • Anlamsal HTMLBaşlıklar, landmark'lar, düğmeler
  • Erişilebilirlik temelleriAlt metin, etiketler ve kontrast

Nasıl çalışır

  1. 1
    BrifKodu ve ekran görüntülerini yapıştırırsınız
  2. 2
    OkumaYerleşimi bozan kuralları buluruz
  3. 3
    İncelemeDüzeltilmiş CSS'i ve notları alırsınız

Sizden neler gerekiyor

Metin olarak yapıştırılmış HTML ve CSS, sorunun masaüstü ve telefondaki ekran görüntüleri, sorunun görüldüğü tarayıcılar ve nasıl görünmesi gerektiği.

Size soracaklarımız:

  • Düz CSS mi yoksa bir framework mü?
  • Hangi ekran boyutlarında ve tarayıcılarda bozuluyor?
  • Bölüm nasıl görünmeli?
  • Sayfa bir site oluşturucuda mı yapıldı yoksa elle mi yazıldı?

Paketleri karşılaştırın

Temel100 satıra kadar işaretleme$15Standart400 satıra kadar işaretleme$35PremiumStil sayfası planlı 1.000 satıra kadar$69
Teslim süresi1 gün2 gün3 gün
Revizyonlar123
Kod satırıen fazla 100en fazla 400en fazla 1.000
Düzeltilmiş parçalarEvetEvetEvet
Stil sayfası temizlik planıHayırHayırEvet
Sipariş verSipariş verSipariş ver

Ödeme koruması

Sipariş verirken ödersiniz, ancak para yalnızca onaylanan iş için aktarılır.

  • Sabit fiyatPaket fiyatı, ödeme yaptıktan sonra değişmez.
  • Para bloke edilirÖdeme yaptığınızda tutar yalnızca bloke edilir. İşi onayladığınızda hizmete aktarılır.
  • Teslimattan önce kontrolHer sonuç size ulaşmadan önce kalite kontrolünden geçer ve onaylamadan önce sipariş sayfasında görürsünüz.
  • Ücretsiz revizyonlarBrifiniz kapsamında, paketin izin verdiği sayıda değişiklik isteyin.
  • 3 gün sonra onayTeslimattan sonraki 3 gün içinde işi onaylamaz veya değişiklik istemezseniz iş otomatik olarak onaylanır. Teslimattan sonra sipariş sohbetine yazarsanız sipariş bekletilir; yanıt verdikten sonra 3 günlük süreyi yeniden başlatabiliriz ve bunu sohbette bildiririz.
  • Yeniden yapım veya tam iadeSonuç brifinize uymuyorsa ve revizyonlar sorunu çözmediyse ya da iş teslim süresinin iki katından uzun sürerse sipariş sohbetine yazın: işi yeniden yaparız veya ödemenin tamamını iade ederiz.
Nasıl çalışır →

Sorular ve yanıtlar

Gerçek tarayıcılarda kontrol ediyor musunuz?

Hayır, kodu ve ekran görüntülerinizi okuruz. Düzeltilmiş CSS'i yayımlamadan önce kendi tarayıcılarınızda kontrol edin.

Wix veya Tilda'da yapılmış bir sayfayı düzeltebilir misiniz?

Yalnızca oraya eklediğiniz özel kodu. Oluşturucunun kendi yerleşimi, gönderebileceğiniz kodla değil, editöründe kontrol edilir.

Bu tam bir erişilebilirlik denetimi mi?

Hayır. Gönderdiğiniz kodda açık sorunları not ederiz; tam bir denetim, canlı sayfada ekran okuyucularla test gerektirir.

Yanıtınızı bulamadınız mı?

Sipariş ver · $35· ~15 dk.